@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";
:root{--paper:#f7f6f1;--panel:#fff;--ink:#20221d;--muted:#777b70;--line:#e8e8df;--lime:#c7f36b;--lime-dark:#93bb3d;--orange:#f47d54;--soft:#f0f1e9;--dark:#20231f;--shadow:0 20px 60px #24271e14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.mono{font-family:DM Mono,monospace}.app-shell{grid-template-columns:230px minmax(0,1fr);max-width:1720px;min-height:100vh;margin:auto;display:grid}.sidebar{border-right:1px solid var(--line);z-index:5;background:#f3f3ec;flex-direction:column;height:100vh;padding:25px 17px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:1px 7px 31px;display:flex}.brand-mark{width:36px;height:36px}.brand-name{letter-spacing:-.06em;font-size:15px;font-weight:800}.brand-caption{letter-spacing:.16em;text-transform:uppercase;color:#8a8c82;margin-top:2px;font-size:9px}.nav-label{letter-spacing:.16em;text-transform:uppercase;color:#92948a;margin:5px 0 10px;padding:0 10px;font-size:9px}.side-nav{gap:5px;display:grid}.nav-item{color:#62665e;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:10px 11px;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:flex}.nav-item:hover,.nav-item.active{color:var(--ink);background:#fff}.nav-item.active{box-shadow:0 3px 12px #00000009}.nav-item.active svg{color:#709329}.nav-count{border:1px solid var(--line);color:#8b8d84;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px}.side-spacer{flex:1}.plan-card{background:#fbfbf7;border:1px solid #e5e6dd;border-radius:14px;margin:12px 1px;padding:13px}.plan-kicker{color:#868a7c;letter-spacing:.12em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px}.plan-title{margin:8px 0 4px;font-size:12px;font-weight:700}.plan-copy{color:var(--muted);font-size:10px;line-height:1.65}.plan-progress{background:#e7e9df;border-radius:99px;height:5px;margin:12px 0 7px;overflow:hidden}.plan-progress i{background:var(--lime-dark);border-radius:inherit;width:58%;height:100%;display:block}.plan-meta{color:#8a8d82;justify-content:space-between;font-size:9px;display:flex}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding:15px 4px 0;display:flex}.profile-avatar{color:#53584a;background:#dedfd5;border-radius:10px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.profile-name{font-size:11px;font-weight:700}.profile-role{color:var(--muted);margin-top:3px;font-size:9px}.profile-dots{color:#999;margin-left:auto}.main-area{min-width:0;padding:0 35px 55px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.crumbs{color:#8b8e83;align-items:center;gap:9px;font-size:11px;display:flex}.crumbs strong{color:#33362f;font-weight:600}.top-actions{align-items:center;gap:10px;display:flex}.mode-pill{color:#587424;letter-spacing:.05em;background:#edf6dc;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:700;display:inline-flex}.mode-pill i{background:#7da42f;border-radius:50%;width:6px;height:6px}.icon-button{border:1px solid var(--line);color:#5d6157;background:#fff;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.dashboard{padding-top:28px}.heading-row{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:#8b8e83;text-transform:uppercase;letter-spacing:.12em;font-family:DM Mono,monospace;font-size:9px}.page-title{letter-spacing:-.06em;margin:8px 0 7px;font-size:26px;font-weight:700;line-height:1.22}.page-subtitle{color:#7e8177;font-size:11px;line-height:1.6}.heading-buttons{gap:8px;padding-bottom:3px;display:flex}.button{border:1px solid var(--line);color:#4b4e45;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0000000f}.button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.button.lime{background:var(--lime);color:#253016;border-color:var(--lime)}.button.ghost{background:0 0}.studio-grid{grid-template-columns:minmax(430px,1fr) 310px;align-items:start;gap:22px;display:grid}.editor-column{min-width:0}.stepbar{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:0;margin-bottom:15px;padding:9px;display:flex;box-shadow:0 2px 8px #00000005}.step{color:#97998f;flex:1;align-items:center;gap:7px;min-width:0;font-size:9px;font-weight:600;display:flex}.step:not(:last-child):after{content:"";background:#e9e9e1;flex:1;height:1px;margin:0 8px}.step-number{color:#8e9086;background:#f1f1eb;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-family:DM Mono,monospace;font-size:9px;display:grid}.step.active{color:#363a30}.step.active .step-number{background:var(--lime);color:#2e3b1a}.step.done .step-number{color:#6a8b2a;background:#edf6dc}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:14px;padding:18px;box-shadow:0 2px 10px #22251c05}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.card-title{letter-spacing:-.02em;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.card-title svg{color:#78855c}.card-note{color:#999b91;margin-top:5px;font-size:9px;line-height:1.5}.section-index{color:#9b9e93;letter-spacing:.06em;font-family:DM Mono,monospace;font-size:9px}.link-row{gap:8px;display:flex}.text-input,.textarea,.select{color:#33362f;background:#fbfbf8;border:1px solid #e7e8df;border-radius:10px;outline:none;width:100%;transition:border .18s,box-shadow .18s}.text-input{height:39px;padding:0 12px;font-size:10px}.text-input:focus,.textarea:focus,.select:focus{border-color:#9dbb64;box-shadow:0 0 0 3px #c7f36b30}.link-row .text-input{min-width:0}.link-row .button{white-space:nowrap}.hint-line{color:#9a9b91;align-items:center;gap:6px;margin-top:8px;font-size:9px;line-height:1.5;display:flex}.hint-line svg{color:#8eaf4c;flex:none}.demo-banner{color:#827344;background:#fbf7e8;border:1px solid #f0e6c7;border-radius:9px;align-items:flex-start;gap:8px;margin-top:11px;padding:9px 10px;font-size:9px;line-height:1.55;display:flex}.demo-banner svg{flex:none;margin-top:1px}.product-editor{grid-template-columns:145px minmax(0,1fr);gap:14px;display:grid}.product-image-wrap{background:#f5f5f1;border-radius:12px;place-items:center;min-height:148px;display:grid;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;min-height:148px}.image-tag{color:#6c705f;background:#ffffffe6;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:700;position:absolute;top:8px;left:8px}.product-details{align-content:start;gap:9px;display:grid}.field-label{color:#777b70;margin:0 0 5px;font-size:9px;font-weight:600;display:block}.product-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-price{letter-spacing:-.03em;font-size:13px;font-weight:800}.product-category{color:#86897f;font-size:9px}.textarea{resize:vertical;min-height:72px;padding:9px 11px;font-size:10px;line-height:1.7}.upload-button{color:#5b6250;background:#fff;border:1px solid #1e211a1a;border-radius:8px;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:8px;right:8px}.model-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.model-option{text-align:left;background:#fff;border:1px solid #e9e9e1;border-radius:12px;min-width:0;padding:9px;transition:border .16s,background .16s,transform .16s}.model-option:hover{transform:translateY(-1px)}.model-option.selected{background:#f8fbed;border-color:#a6c16b;box-shadow:0 0 0 2px #c7f36b29}.model-top{align-items:center;gap:8px;display:flex}.model-avatar{color:#3b4033;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.model-avatar.mint{background:linear-gradient(145deg,#e1f6b3,#b5db77)}.model-avatar.apricot{background:linear-gradient(145deg,#ffe0ca,#f5b18e)}.model-avatar.lilac{background:linear-gradient(145deg,#eadfff,#c7b6ed)}.model-name{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.model-tag{color:#8b8e83;margin-top:3px;font-size:8px;line-height:1.35}.model-check{color:#779c37;margin-left:auto}.model-foot{color:#989a90;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:8px;overflow:hidden}.tone-row{border-top:1px solid #f0f0eb;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;padding-top:10px;display:flex}.tone-caption{color:#85887f;font-size:9px}.select{width:auto;min-width:150px;height:34px;padding:0 9px;font-size:9px}.script-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.script-tools{gap:5px;display:flex}.tiny-button{color:#777b70;background:#fff;border:1px solid #e9e9e1;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:inline-flex}.tiny-button:hover{color:#34372e;background:#f9f9f4}.script-area{min-height:137px;margin-top:12px}.script-bottom{color:#989a90;justify-content:space-between;align-items:center;margin-top:8px;font-size:8px;display:flex}.script-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.script-actions .button{padding:9px 12px}.voice-panel{background:#f8f9f4;border:1px solid #edeee6;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.voice-icon{color:#779f36;background:#eaf4d9;border-radius:11px;flex:none;place-items:center;width:35px;height:35px;display:grid}.voice-copy{flex:1;min-width:0}.voice-title{font-size:10px;font-weight:700}.voice-caption{color:#8c8e85;margin-top:4px;font-size:8px}.voice-select{max-width:135px}.voice-actions{gap:7px;margin-top:10px;display:flex}.wave-wrap{align-items:center;gap:3px;height:15px;margin-top:8px;display:flex}.wave-bar{background:#bedb83;border-radius:8px;width:3px;height:5px}.wave-wrap.playing .wave-bar{animation:.75s ease-in-out infinite alternate wave}.wave-bar:nth-child(3n){animation-delay:.12s}.wave-bar:nth-child(4n){animation-delay:.23s}.wave-bar:nth-child(5n){animation-delay:.33s}@keyframes wave{to{background:#89b444;height:14px}}.preview-sticky{position:sticky;top:18px}.preview-shell{background:#232620;border-radius:23px;padding:10px;box-shadow:0 20px 50px #1d211824}.preview-top{color:#d8ddcf;justify-content:space-between;align-items:center;padding:4px 3px 10px;display:flex}.preview-label{letter-spacing:.11em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:8px}.preview-controls{gap:4px;display:flex}.preview-controls span{background:#74796e;border-radius:50%;width:5px;height:5px}.phone-screen{background:#f3f0e8;border-radius:15px;height:450px;position:relative;overflow:hidden}.phone-status{color:#4e5148;justify-content:space-between;align-items:center;height:27px;padding:0 12px;font-size:7px;font-weight:700;display:flex}.video-image{background:#e9e9e3;height:241px;position:relative;overflow:hidden}.video-image img{object-fit:cover;width:100%;height:100%}.video-cover-label{color:#fff;background:#20231fc7;border-radius:999px;padding:5px 7px;font-size:7px;position:absolute;top:10px;left:10px}.video-play{color:#fff;filter:drop-shadow(0 2px 6px #0003);place-items:center;display:grid;position:absolute;inset:0}.presenter-chip{background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:5px 8px 5px 5px;font-size:7px;font-weight:700;display:flex;position:absolute;bottom:9px;right:9px}.presenter-dot{background:var(--lime);border-radius:50%;place-items:center;width:20px;height:20px;font-size:7px;display:grid}.video-caption{color:#fff;text-shadow:0 1px 5px #333;font-size:8px;font-weight:700;line-height:1.45;position:absolute;bottom:12px;left:11px;right:11px}.preview-product{background:#fff;padding:11px 12px 12px}.preview-product-title{font-size:10px;font-weight:700;line-height:1.45}.preview-product-meta{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.preview-product-price{font-size:12px;font-weight:800}.preview-buy{background:var(--orange);color:#fff;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:700}.preview-mini-copy{color:#7a7c74;margin-top:8px;font-size:7px;line-height:1.5}.preview-footer{color:#a7ac9e;justify-content:space-between;padding:10px 3px 2px;font-size:8px;display:flex}.preview-badges{gap:5px;margin-top:13px;display:flex}.preview-badge{border:1px solid var(--line);color:#777b70;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:7px 8px;font-size:8px;display:flex}.preview-badge svg{color:#779b3d}.toast{z-index:30;color:#fff;max-width:360px;box-shadow:var(--shadow);background:#20231f;border-radius:12px;padding:12px 15px;font-size:11px;line-height:1.55;animation:.2s ease-out toast-in;position:fixed;bottom:23px;right:23px}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.login-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181b168c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-card{background:#fff;border-radius:20px;width:min(100%,380px);padding:25px;box-shadow:0 30px 90px #0003}.login-card .brand{padding:0 0 17px}.login-card h2{letter-spacing:-.05em;margin:0 0 8px;font-size:20px}.login-card p{color:#777b70;margin:0 0 17px;font-size:11px;line-height:1.7}.login-card .text-input{margin-bottom:10px}.login-error{color:#b44930;margin:-2px 0 10px;font-size:10px}.loading-dot{border:2px solid #d4d6cc;border-top-color:#738e3e;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:#898c80;text-align:center;padding:25px;font-size:11px}.hidden-file{display:none}.credit-note{color:#9b9d93;margin-top:11px;font-size:8px;line-height:1.55}.muted-link{color:#748e3d;text-underline-offset:2px;text-decoration:underline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1200px){.main-area{padding-left:24px;padding-right:24px}.studio-grid{grid-template-columns:minmax(390px,1fr) 285px;gap:15px}.card{padding:15px}.sidebar{grid-template-columns:210px;width:210px}.app-shell{grid-template-columns:210px minmax(0,1fr)}}@media (max-width:980px){.app-shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{width:70px;padding:20px 10px}.brand{justify-content:center;padding:0 0 27px}.brand-name,.brand-caption,.nav-label,.nav-item span,.nav-count,.plan-card,.profile-copy,.profile-dots{display:none}.nav-item{justify-content:center;padding:11px 0}.nav-item svg{width:18px;height:18px}.profile{justify-content:center;padding-top:14px}.profile-avatar{width:34px;height:34px}.main-area{padding:0 20px 40px}.studio-grid{grid-template-columns:minmax(0,1fr) 270px;gap:13px}.heading-row{align-items:flex-start}.page-title{font-size:23px}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-right:0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f6f1f5;width:auto;height:62px;padding:7px 12px;display:block;position:fixed;inset:auto 0 0}.brand,.nav-label,.side-spacer,.plan-card,.profile{display:none}.side-nav{justify-content:space-around;display:flex}.nav-item{border-radius:12px;justify-content:center;width:48px;height:46px;padding:0}.nav-item span,.nav-count{display:none}.main-area{padding:0 15px 88px}.topbar{height:59px}.crumbs{font-size:10px}.dashboard{padding-top:20px}.heading-row{margin-bottom:17px;display:block}.page-title{font-size:23px}.heading-buttons{margin-top:12px}.studio-grid{flex-direction:column;display:flex}.editor-column{width:100%}.preview-sticky{align-self:center;width:min(100%,360px);position:static}.stepbar{overflow:hidden}.step{gap:5px;font-size:8px}.step:not(:last-child):after{margin:0 4px}.step-number{width:19px;height:19px}.product-editor{grid-template-columns:118px minmax(0,1fr);gap:10px}.product-image-wrap,.product-image{min-height:130px}.model-list{gap:5px}.model-option{padding:7px}.model-top{gap:5px}.model-avatar{width:29px;height:29px}.model-name{font-size:9px}.model-tag,.model-foot{font-size:7px}.card{padding:14px}.top-actions{gap:6px}.mode-pill{padding:7px 8px;font-size:8px}.heading-buttons .button{padding:9px 10px}.phone-screen{height:455px}}@media (max-width:430px){.main-area{padding-left:11px;padding-right:11px}.product-editor{grid-template-columns:1fr}.product-image-wrap,.product-image{height:190px;min-height:190px}.model-list{grid-template-columns:1fr}.model-option{justify-content:space-between;align-items:center;display:flex}.model-foot{margin:0 0 0 8px}.script-tools .tiny-button{padding:6px}.script-actions{flex-wrap:wrap}.script-actions .button{flex:1;justify-content:center}.voice-panel{flex-wrap:wrap}.voice-select{flex:1;max-width:none}.heading-buttons{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.thumb-row{align-items:center;gap:7px;margin-top:10px;padding:1px 1px 3px;display:flex;overflow-x:auto}.thumb{background:#f5f5ef;border:1px solid #0000;border-radius:9px;flex:none;width:42px;height:42px;position:relative;overflow:hidden}.thumb.selected{border-color:#9dbb64;box-shadow:0 0 0 2px #c7f36b33}.thumb img{object-fit:cover;width:100%;height:100%}.thumb button{color:#fff;background:#22241fb8;border:0;border-radius:50%;place-items:center;width:15px;height:15px;padding:0;display:grid;position:absolute;top:2px;right:2px}.thumb-add{color:#777b70;background:#fbfbf7;border:1px dashed #d9dccf;border-radius:8px;flex:none;align-items:center;gap:5px;height:34px;padding:0 9px;font-size:8px;display:flex}.preview-heading{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.preview-title{margin-top:5px;font-size:13px;font-weight:700}.preview-note{color:#8c8f84;margin:11px 2px 14px;font-size:9px;line-height:1.7}.storage-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:9px;padding:11px;display:flex}.storage-icon{color:#789a3e;background:#eff5e2;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.storage-card span{flex:1;min-width:0}.storage-card strong{font-size:9px;display:block}.storage-card small{color:#8b8e83;margin-top:4px;font-size:8px;line-height:1.5;display:block}.storage-card>svg{color:#96998e;flex:none}.saved-list{gap:6px;display:grid}.saved-item{text-align:left;color:#45483f;background:#fff;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;width:100%;padding:7px 9px;display:flex}.saved-item.selected{background:#fafcf5;border-color:#e1e8d0}.saved-item>img{object-fit:cover;background:#f0f0ea;border-radius:8px;width:34px;height:34px}.saved-item span{flex:1;min-width:0}.saved-item strong,.saved-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-item strong{font-size:9px}.saved-item small{color:#96988e;margin-top:4px;font-size:8px}.saved-item>svg{color:#799c3e;flex:none}.spin{animation:.8s linear infinite spin}.avatar-frame{flex:none;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%;display:block}.presenter-dot.avatar-frame,.model-avatar.avatar-frame{padding:0}