:root{font-family:Arial,Helvetica,sans-serif;color:#dde5e4;background:#101719;font-size:13px;font-synthesis:none;--line:#2b3538;--muted:#98a6a6;--mint:#bbf7dd;--panel:#172023}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:#202c2f;border:1px solid #364144;border-radius:7px;padding:10px 13px;transition:background .15s}button:hover{background:#31413f}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button.primary{background:var(--mint);border-color:var(--mint);color:#132820;font-weight:700}.primary:hover{background:#d6ffec}.subtle{background:transparent}.icon{font-size:20px;padding:6px 11px}.topbar{height:90px;display:flex;align-items:center;padding:0 28px;gap:32px;border-bottom:1px solid var(--line);background:#141d20}.brand{display:flex;align-items:center;gap:12px;color:#edf3f1;text-decoration:none;font-weight:800;letter-spacing:2px;font-size:14px}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:var(--muted);margin-top:6px}.brand-mark{font-size:37px;letter-spacing:-4px;position:relative;font-weight:900}.brand-mark span{font-size:22px;color:var(--mint);vertical-align:top}.project-title{border-left:1px solid var(--line);padding-left:28px}.project-title input{font-weight:600;padding:0;width:240px;background:transparent;border:0;color:#e4eae8;margin-bottom:6px}.project-title span{display:block;font-size:10px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;gap:9px}.top-actions button span{margin-left:12px}.workspace{display:grid;grid-template-columns:275px minmax(360px,1fr) 260px;min-height:calc(100vh - 90px)}.panel{padding:26px 23px;background:var(--panel)}.tools{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #bbf7dd33}h1{font-size:33px;line-height:1.13;letter-spacing:-1.3px;font-weight:500;margin:24px 0 13px}em{font-family:Georgia,serif;color:var(--mint);font-weight:normal}.intro{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:26px}section h2{font-size:12px;display:flex;justify-content:space-between;font-weight:600;margin:0 0 17px}.panel section{border-top:1px solid var(--line);padding:20px 0 8px}label{display:block;color:#a4b2b3;font-size:10px;letter-spacing:.2px;margin-bottom:14px}input:not([type=range],[type=color],[type=file],[type=checkbox]),select{display:block;width:100%;padding:9px 10px;color:#e1e8e5;border:1px solid #344145;border-radius:5px;background:#111b1e;margin-top:7px;min-width:0}select{appearance:auto;font-size:11px;min-height:34px}input[type=range]{display:block;width:100%;accent-color:var(--mint);margin:12px 0 3px;height:4px}output{float:right;color:#d7e4de;font-size:10px}input[type=color]{display:block;width:100%;height:27px;padding:2px;border:1px solid #445052;border-radius:5px;background:transparent;margin-top:8px;cursor:pointer}.colors{display:flex;gap:12px}.colors label{flex:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-buttons{display:flex;gap:8px;margin-bottom:10px}.add-buttons button{flex:1;font-size:11px;background:#243134}.add-buttons b{font-size:17px;margin-right:10px;font-weight:400}.upload{border:1px dashed #546864;border-radius:7px;padding:18px 8px;text-align:center;cursor:pointer;background:#1d2b2c;margin-bottom:8px}.upload span{display:block;font-size:23px;color:var(--mint);margin-bottom:6px}.upload strong{font-size:11px;color:#d7e4df;font-weight:500;display:block}.upload small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.upload input{width:1px;height:1px;opacity:0;position:absolute}.upload:focus-within,.upload.dragover{outline:2px solid var(--mint)}.hint{color:var(--muted);font-size:10px;line-height:1.6}.full-width{width:100%;font-size:10px}.panel-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#809290;padding-top:26px}.preview{padding:23px 26px;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 45% 30%,#253237 0,#111b1e 68%)}.preview-toolbar{display:flex;justify-content:space-between;gap:8px}.segmented{display:flex;background:#0b1316;border:1px solid var(--line);border-radius:8px;padding:4px}.segmented button{border:0;background:transparent;font-size:11px;padding:8px 15px;color:var(--muted)}.segmented button.active{background:#2d3a3d;color:#eff5f0;box-shadow:0 1px 5px #0005}.history{display:flex;gap:5px;align-items:center}.history button{background:transparent;border:0;font-size:21px;padding:4px 8px;color:var(--muted)}.stage{position:relative;min-height:460px;flex:1;background-image:radial-gradient(#71898622 1px,transparent 1px);background-size:24px 24px;margin-top:20px;border-radius:10px;overflow:hidden}.stage-label{position:absolute;top:16px;left:16px;font-size:8px;letter-spacing:1.5px;color:#9fada9;z-index:1;pointer-events:none}.stage-label .tiny-dot{margin-right:7px;width:4px;height:4px}.stage-number{position:absolute;right:17px;top:9px;font-size:34px;color:#70848036;font-family:Georgia,serif}.stage:after{content:'';position:absolute;bottom:19%;left:23%;width:54%;height:7%;border-radius:50%;background:#0005;filter:blur(17px);pointer-events:none}#cap-preview{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;z-index:1}#cap-preview:active{cursor:grabbing}#artwork-wrap{position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;padding:55px 25px;z-index:2}#artwork-wrap:not([hidden]){display:flex}#artwork-editor{width:100%;max-width:950px;box-shadow:0 25px 45px #0006;border:1px solid #75888288;touch-action:none;cursor:move}.dimension{width:100%;border-bottom:1px solid #8baba777;text-align:center;padding:14px 0 5px;color:#a4bcb3;font-family:monospace;font-size:11px}.stage-bottom{position:absolute;bottom:18px;left:16px;right:16px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;z-index:2;pointer-events:none}.stage-bottom span:last-child{background:#22332f;color:#c3e7d6;padding:5px 8px;border:1px solid #456256;border-radius:5px;margin-top:-5px}.timeline{margin-top:22px;border:1px solid #334144;border-radius:10px;background:#182326;padding:18px 20px}.timeline-heading{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px}.timeline-heading .tiny-dot{margin-right:6px}.timeline-heading small{color:#a1afad;font-size:9px;letter-spacing:0;margin-left:auto}.timeline-heading button{padding:4px 10px}.light-controls{display:grid;grid-template-columns:1fr 1fr 80px;gap:24px;margin-top:18px}.light-controls label{margin:0}.timeline-track{height:4px;background:repeating-linear-gradient(90deg,#436153 0,#436153 1px,transparent 1px,transparent 12px);margin-top:22px;position:relative}#playhead{position:absolute;left:0;top:-3px;width:3px;height:10px;background:var(--mint)}.preview-foot{display:flex;justify-content:space-between;color:#7f9390;font-size:9px;margin:18px 0 2px}.preview-foot span:last-child{font-size:7px;letter-spacing:1px}.large-heading{font-size:21px;font-weight:500;margin:23px 0 8px}.layers{margin:21px 0 10px;display:flex;flex-direction:column;gap:7px}.layer-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;background:#1d292c;border:1px solid #344044;text-align:left}.layer-row.active{border-color:#91bea8;background:#293e37}.layer-symbol{width:28px;height:28px;display:grid;place-items:center;background:#111c1d;border-radius:4px;font-size:16px;color:var(--mint)}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;max-width:145px}.layer-name small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.layer-actions{display:flex;gap:4px;margin:11px 0 21px}.layer-actions button{font-size:9px;padding:8px;flex:1}.inline-label{display:flex;align-items:center;justify-content:space-between}.inline-label input{width:55px;margin:0}.build-note{border-left:2px solid #647e6d;background:#202e2b;padding:14px;margin-top:17px}.build-note>span{font-size:8px;letter-spacing:1px;color:#b5ccb7}.build-note p{font-size:11px;line-height:1.6}.build-note small{font-size:9px;color:var(--muted);line-height:1.6;display:block}dialog{background:#192427;color:#e1e9e5;border:1px solid #51625c;border-radius:16px;width:min(680px,92vw);padding:30px;box-shadow:0 35px 100px #0009;max-height:85vh;overflow:auto}dialog::backdrop{background:#061012bd;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-weight:500;font-size:26px;margin:10px 0 20px}.dialog-heading>button{font-size:23px;background:transparent;border:0;align-self:flex-start}.eyebrow{font-size:9px;letter-spacing:2px;color:#abc8ba}.library-actions{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.checkbox{display:flex;align-items:center;gap:5px;margin:0 0 0 auto}.project-card{border:1px solid var(--line);padding:15px;border-radius:8px;margin-top:10px;display:flex;align-items:center;gap:10px}.project-card .project-info{flex:1;min-width:0}.project-card strong{display:block;font-size:13px;overflow-wrap:anywhere}.project-card small{display:block;color:var(--muted);margin-top:7px;font-size:10px}.project-card button{font-size:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metric{border:1px solid #40534b;border-radius:7px;padding:14px}.metric strong{display:block;font-size:24px;color:var(--mint);font-weight:400}.metric small{font-size:9px;display:block;margin-top:7px;color:var(--muted)}.warning{font-size:12px;line-height:1.6;padding:12px;border-left:2px solid #d3b582;background:#d3b5820a;margin:10px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;width:max-content;background:#d4fbe7;color:#173425;padding:14px 22px;border-radius:9px;z-index:20;box-shadow:0 8px 40px #0006;font-size:12px}#toast.error{background:#ffd7c5;color:#522313}#welcome{max-width:550px;padding:45px}#welcome h1{font-size:39px}#welcome p{line-height:1.7;color:var(--muted);max-width:380px;margin-bottom:28px}#welcome button{width:100%;padding:14px}.mobile-tabs{display:none}[hidden]{display:none!important}@media(min-width:1600px){.workspace{grid-template-columns:295px minmax(360px,1fr) 290px}.panel{padding:30px}.stage{min-height:560px}.preview{padding:28px 36px}}@media(max-width:1150px){.workspace{grid-template-columns:235px minmax(320px,1fr) 220px}.panel{padding:23px 17px}.preview{padding:20px 16px}.topbar{padding:0 20px;gap:20px}.project-title{padding-left:20px}.project-title input{width:190px}.top-actions button{font-size:11px;padding:9px}.top-actions button span{display:none}.light-controls{gap:12px}.layer-name{max-width:120px}}@media(max-width:900px){.workspace{grid-template-columns:230px minmax(300px,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:15px}.inspector .panel-heading,.inspector .large-heading,.inspector>.hint,.inspector .build-note{display:none}.inspector .layers{grid-column:1;grid-row:1;margin:0}.inspector .layer-actions{grid-column:1;grid-row:2}.inspector section{grid-column:2;grid-row:1/3;border:0;padding:0;columns:2}.inspector section>h2{column-span:all}.project-title{display:none}.top-actions{margin-left:auto}.stage{min-height:460px}.preview-foot span:last-child{display:none}}@media(max-width:640px){.topbar{height:73px;padding:0 14px;gap:8px}.brand{font-size:11px;gap:7px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:1.5px}.brand-mark{font-size:29px}.brand-mark span{font-size:17px}.top-actions{gap:5px}.top-actions button{font-size:10px;padding:9px 7px}#account{display:none}#save{font-size:0}#save:after{content:'Save';font-size:10px}#export{font-size:0}#export:after{content:'Export ↓';font-size:10px}.mobile-tabs{display:flex;justify-content:center;gap:6px;padding:10px;background:#172023;border-bottom:1px solid var(--line)}.mobile-tabs button{background:transparent;border:0;flex:1;color:var(--muted)}.mobile-tabs button.active{color:var(--mint);background:#293a34}.workspace{display:block;min-height:calc(100dvh - 128px)}.panel{display:none;padding:25px;max-width:600px}.workspace[data-panel=tools] .tools,.workspace[data-panel=inspector] .inspector{display:block}.workspace[data-panel=tools] .preview,.workspace[data-panel=inspector] .preview{display:none}.inspector section{columns:1}.inspector .panel-heading,.inspector .large-heading,.inspector>.hint,.inspector .build-note{display:block}.preview{padding:14px 12px}.stage{min-height:400px;margin-top:10px}.preview-toolbar button{font-size:10px;padding:8px 10px}.history button{font-size:21px;padding:2px 6px}.timeline{margin-top:10px;padding:15px}.light-controls{gap:12px;grid-template-columns:1fr 1fr 65px}.stage-label{font-size:7px}.stage-bottom{font-size:8px;left:8px;right:8px}.preview-foot{font-size:8px}.metrics{grid-template-columns:1fr 1fr}.project-card{flex-wrap:wrap}.project-card .project-info{flex-basis:100%}.library-actions .checkbox{margin-left:0}dialog{padding:22px}.project-title{display:none}}

.topbar .project-title input{width:240px;border:0;padding:0;background:transparent;margin-top:0}.mobile-project-name,#account-mobile{display:none}@media(max-width:900px){.mobile-project-name{display:block}}@media(max-width:640px){#account-mobile{display:block}}