:root{--bg: #f4f4f2;--surface: #ffffff;--surface-2: #f8f8f7;--border: #e4e4e0;--border-strong: #d2d2cd;--text: #1c1c1a;--text-2: #5f5f5a;--text-3: #8f8f89;--primary: #1c1c1a;--primary-hover: #000000;--brand: #e3241b;--danger: #c4321f;--danger-bg: #fdf0ee;--success: #2f7a3f;--focus: 0 0 0 3px rgb(28 28 26 / .14);--radius: 10px;--radius-sm: 7px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .05);--shadow: 0 1px 3px rgb(0 0 0 / .06), 0 6px 20px rgb(0 0 0 / .05);--shadow-lg: 0 20px 60px rgb(0 0 0 / .18);--topbar: 56px;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{margin:0;letter-spacing:-.01em}[hidden]{display:none!important}.icon{display:inline-flex;width:18px;height:18px;flex:none}.icon svg{width:100%;height:100%}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar);display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:15px;text-decoration:none}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--brand);color:#fff}.brand__mark .icon{width:18px;height:18px}.topbar__crumb{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-2)}.topbar__crumb strong{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-weight:550;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--primary);color:#fff}.btn--primary:not(:disabled):hover{background:var(--primary-hover)}.btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-sm)}.btn--secondary:not(:disabled):hover{background:var(--surface-2);border-color:#bdbdb7}.btn--ghost{background:transparent;color:var(--text-2)}.btn--ghost:not(:disabled):hover{background:#0000000d;color:var(--text)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:not(:disabled):hover{background:#a82717}.btn--ghost-danger{background:transparent;color:var(--text-3)}.btn--ghost-danger:not(:disabled):hover{background:var(--danger-bg);color:var(--danger)}.btn--sm{height:30px;padding:0 10px;font-size:13px}.btn--icon{width:36px;padding:0}.btn--icon.btn--sm{width:30px}.btn--block{width:100%}.field{display:grid;gap:6px;margin-bottom:14px}.field__label{font-size:13px;font-weight:550;color:var(--text-2)}.field__hint{margin:-6px 0 14px;min-height:1.3em;font-size:12.5px;color:var(--text-3);word-break:break-all}.field__hint--error{color:var(--danger)}.field__hint--ok{color:var(--success)}.input,.select{width:100%;height:38px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus{outline:none;border-color:var(--text-2);box-shadow:var(--focus)}.input--mono{font-family:var(--mono);font-size:13px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f5f5a' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:16px}input[type=range]{width:100%;margin:0;accent-color:var(--primary);cursor:pointer}input[type=range]:disabled{opacity:.35;cursor:default}.switch{position:relative;display:inline-block;width:36px;height:20px;flex:none}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--border-strong);transition:background .15s;pointer-events:none}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{box-shadow:var(--focus)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--text-2);white-space:nowrap}.chip--good{background:#eef7f0;border-color:#d4eadb;color:var(--success)}.toasts{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px;max-width:min(420px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius);background:#1c1c1a;color:#fff;box-shadow:var(--shadow-lg);font-size:13.5px;word-break:break-word;animation:toast-in .18s ease-out}.toast .icon{margin-top:1px}.toast--success .icon{color:#7fd492}.toast--error .icon{color:#ff8a7a}.toast--leaving{animation:toast-out .18s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}.dialog{width:min(440px,calc(100vw - 32px));padding:0;border:none;border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}.dialog--wide{width:min(520px,calc(100vw - 32px))}.dialog::backdrop{background:#14141259;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog[open]{animation:dialog-in .16s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}.dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 0}.dialog__head h2{font-size:17px;font-weight:650}.dialog__body{padding:16px 20px 20px}.dialog__text{margin:0 0 12px;color:var(--text-2);white-space:pre-line}.dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.dropzone{position:relative;display:grid;place-items:center;gap:6px;padding:26px 16px;margin-bottom:14px;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);text-align:center;cursor:pointer;transition:border-color .12s,background .12s}.dropzone:hover,.dropzone--over{border-color:var(--text-2);background:#f1f1ef}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dropzone .icon{width:28px;height:28px;color:var(--text-3)}.dropzone strong{color:var(--text)}.dropzone small{color:var(--text-3)}.progress{height:4px;margin-bottom:14px;border-radius:999px;background:var(--border);overflow:hidden}.progress span{display:block;height:100%;width:40%;border-radius:inherit;background:var(--primary);animation:progress 1.1s ease-in-out infinite}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.auth{min-height:100vh;display:grid;place-items:center;padding:16px}.auth__card{width:min(380px,100%);padding:28px}.auth__card .brand{margin-bottom:22px}.auth__card h1{font-size:20px;margin-bottom:4px}.auth__card p{margin:0 0 22px;color:var(--text-2)}.auth__error{min-height:1.3em;margin:12px 0 0;font-size:13px;color:var(--danger)}.page{width:min(1240px,100%);margin:0 auto;padding:28px 20px 64px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{font-size:24px;font-weight:700}.page-head p{margin:4px 0 0;color:var(--text-2)}.models{display:grid;gap:18px}.model-card{padding:18px 20px 20px}.model-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.model-card__title h2{font-size:18px;font-weight:650;margin-bottom:8px}.model-card__meta{display:flex;flex-wrap:wrap;gap:6px}.model-card__actions{display:flex;align-items:center;gap:4px}.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:18px}.variant-tile{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:box-shadow .15s,border-color .15s}.variant-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.variant-tile__poster{display:block;aspect-ratio:1;background:#fafaf9;border-bottom:1px solid var(--border)}.variant-tile__poster img{width:100%;height:100%;object-fit:contain;display:block}.variant-tile__placeholder{display:grid;place-items:center;height:100%;color:var(--border-strong)}.variant-tile__placeholder .icon{width:40px;height:40px}.variant-tile__body{display:grid;gap:2px;padding:10px 12px 4px}.variant-tile__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-tile__slug{font-family:var(--mono);font-size:11.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-tile__actions{display:flex;align-items:center;gap:2px;padding:6px 8px 8px;margin-top:auto}.variant-tile__actions .btn--secondary{flex:1}.variant-tile--new{display:grid;place-items:center;align-content:center;gap:8px;min-height:200px;border-style:dashed;border-color:var(--border-strong);background:transparent;color:var(--text-2);font-weight:550;text-decoration:none}.variant-tile--new:hover{background:var(--surface);color:var(--text);box-shadow:none}.variant-tile--new .icon{width:26px;height:26px}.empty{display:grid;place-items:center;gap:10px;padding:56px 20px;text-align:center;color:var(--text-2)}.empty .icon{width:44px;height:44px;color:var(--text-3)}.empty h2{font-size:17px;color:var(--text)}.empty p{margin:0 0 6px}.editor{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:calc(100vh - var(--topbar));height:calc(100dvh - var(--topbar))}.stage{position:relative;min-width:0;padding:16px}.stage__frame{position:relative;height:100%;border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.stage__frame model-viewer{display:block;width:100%;height:100%;background:#fff;--progress-bar-color: var(--primary);--progress-bar-height: 2px}.stage__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-3);pointer-events:none}.stage__hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:5px 12px;border-radius:999px;background:#ffffffe6;border:1px solid var(--border);font-size:12px;color:var(--text-3);pointer-events:none;white-space:nowrap}.panel{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-left:1px solid var(--border)}.panel__head{padding:16px 18px;border-bottom:1px solid var(--border)}.panel__variant{display:grid;gap:4px;margin-bottom:14px}.panel__eyebrow{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.panel__variant-name{font-size:16px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel__variant-link{display:flex;align-items:center;gap:4px;min-width:0}.panel__variant-link a{flex:1;min-width:0;font-family:var(--mono);font-size:12px;color:var(--text-2);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel__variant-link a:hover{color:var(--text);text-decoration:underline}.panel__save{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel__status{min-height:1.3em;margin:10px 0 0;font-size:12.5px;color:var(--text-3)}.panel__status--dirty{color:#a15c00}.panel__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.panel__materials{padding:14px 18px;border-bottom:1px solid var(--border)}.segmented{display:flex;gap:4px;padding:3px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border)}.segmented button{flex:1;min-width:0;height:32px;padding:0 8px;border:none;border-radius:6px;background:transparent;color:var(--text-2);font:inherit;font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm),0 0 0 1px var(--border)}.segmented button:focus-visible{outline:none;box-shadow:var(--focus)}.section{border-bottom:1px solid var(--border)}.section>summary{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font-weight:600;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.section>summary::-webkit-details-marker{display:none}.section>summary:after{content:"";width:8px;height:8px;border-right:1.8px solid var(--text-3);border-bottom:1.8px solid var(--text-3);transform:rotate(45deg) translateY(-3px);transition:transform .15s}.section[open]>summary:after{transform:rotate(-135deg) translateY(-1px)}.section>summary:hover{background:var(--surface-2)}.section__body{padding:2px 18px 16px}.control{display:grid;gap:6px;margin-bottom:14px}.control:last-child{margin-bottom:0}.control__label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;color:var(--text-2)}.control__label small{color:var(--text-3);font-size:11.5px}.control__label output{font-family:var(--mono);font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.control--row{grid-template-columns:1fr auto;align-items:center}.color-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.color-row input[type=color]{width:44px;height:36px;padding:2px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-row .input{width:110px;height:36px;font-family:var(--mono);font-size:13px;text-transform:uppercase}.color-row__label{flex:1;font-size:13px;color:var(--text-2)}.rgb{display:grid;gap:8px;margin-bottom:14px}.rgb .control{grid-template-columns:14px 1fr 44px;align-items:center;gap:10px;margin:0}.rgb .control__channel{font-size:12px;font-weight:600;color:var(--text-3)}.rgb output{font-family:var(--mono);font-size:12px;text-align:right}.panel__foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 18px 20px}@media(max-width:900px){.editor{grid-template-columns:1fr;height:auto}.stage{height:min(70vh,100vw);padding:12px}.panel{border-left:none;border-top:1px solid var(--border)}.panel__body{overflow:visible}}@media(max-width:600px){.topbar{padding:0 12px;gap:10px}.brand>span:last-child{display:none}.page{padding:20px 12px 48px}.page-head{flex-wrap:wrap}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.variant-tile__actions{justify-content:space-between;padding:6px 6px 8px}.variant-tile__actions .btn--secondary{flex:none;width:30px;padding:0}.variant-tile__actions .btn--secondary span:not(.icon){display:none}}.dialog--preview{width:min(720px,calc(100vw - 32px))}.preview__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.preview__bar .segmented{flex:0 1 320px}.preview__stage{display:grid;place-items:center;padding:16px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);overflow:auto}.preview__frame{--size: 624px;width:min(var(--size),calc(100vw - 100px));aspect-ratio:1;border:1px solid var(--border);background:#fff}.preview__url{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--text-3);word-break:break-all}.card-test__model{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.card-test__model .select{width:200px;height:34px}.card-test__note{max-width:760px;margin:0 0 22px;color:var(--text-2)}.card-test{display:grid;grid-template-columns:624px minmax(260px,1fr);gap:40px;padding:28px;border-radius:var(--radius);background:#fff;border:1px solid var(--border)}.card-test__gallery{min-width:0}.card-test__slide{position:relative;width:100%;aspect-ratio:1;background:#fff;border:1px dashed #d8d8d3;overflow:hidden}.card-test__image{width:100%;height:100%;object-fit:contain;display:block}.card-test__no-image{display:grid;place-items:center;height:100%;padding:20px;text-align:center;color:var(--text-3)}.card-test__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#fff}.card-test__slide--3d .card-test__image,.card-test__slide--3d .card-test__no-image,.card-test__slide--3d .card-test__rotate{visibility:hidden}.card-test__rotate{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:6px;height:42px;padding:0 16px 0 12px;border:none;border-radius:999px;font:inherit;font-weight:700;background:#ffffffe6;box-shadow:0 2px 12px #0000001f;color:#1c1c1a;cursor:pointer;transition:transform .15s}.card-test__rotate:hover:not(:disabled){transform:scale(1.06)}.card-test__rotate:disabled{opacity:.4;cursor:default}.card-test__rotate svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.card-test__thumbs{display:flex;gap:8px;margin-top:10px}.card-test__thumb{position:relative;display:grid;place-items:center;width:72px;height:72px;padding:0;border:1px solid var(--border);background:#fff;color:var(--text-2);font:inherit;font-size:12px;cursor:pointer;overflow:hidden}.card-test__thumb[aria-pressed=true]{border-color:var(--text)}.card-test__thumb img{width:100%;height:100%;object-fit:contain}.card-test__thumb--360 img{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(1.5px);opacity:.6}.card-test__thumb--360 span{position:relative;font-weight:700;color:var(--text)}.card-test__info h1{margin:6px 0 12px;font-size:26px;font-weight:700}.card-test__eyebrow{font-size:13px;color:var(--text-3)}.card-test__price{margin-bottom:24px;font-size:22px;font-weight:650}.card-test__label{margin-bottom:8px;font-size:13px;color:var(--text-2)}.card-test__swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.card-test__swatch{width:30px;height:30px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--border-strong);cursor:pointer}.card-test__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.card-test__link{display:block;margin-bottom:24px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-family:var(--mono);font-size:12px;word-break:break-all}.card-test__buy{width:220px}@media(max-width:1000px){.card-test{grid-template-columns:1fr;padding:16px;gap:24px}.card-test__model span{display:none}.card-test__model .select{width:140px}}