@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";.canvas-stage{position:relative;flex:1;min-width:0;min-height:260px;overflow:hidden;background:#131519;touch-action:none;isolation:isolate;user-select:none}.canvas-stage--dark{background-color:#131519;background-image:radial-gradient(#35373c .65px,transparent .65px);background-size:20px 20px}.canvas-stage--light{background-color:#d5d7d5;background-image:radial-gradient(#a4aba8 .65px,transparent .65px);background-size:20px 20px}.canvas-stage--grid{background-color:#1b1d21;background-image:linear-gradient(45deg,#202328 25%,transparent 25%),linear-gradient(-45deg,#202328 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#202328 75%),linear-gradient(-45deg,transparent 75%,#202328 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-stage.can-grab{cursor:grab}.canvas-stage.is-grabbing{cursor:grabbing}.canvas-stage.is-grabbing .canvas-artwork{pointer-events:none}.canvas-heading{position:absolute;top:22px;left:25px;z-index:4;display:flex;align-items:center;gap:8px;color:#858a94;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;pointer-events:none}.canvas-stage--light .canvas-heading,.canvas-stage--light .canvas-resolution,.canvas-stage--light .canvas-hint{color:#545f58}.canvas-artwork{position:absolute;left:50%;top:calc(50% - 8px);transform-origin:center;box-shadow:0 22px 70px #0006,0 1px 8px #0003;background-color:transparent;will-change:transform}.canvas-artwork:before{content:"";position:absolute;inset:-1px;border:1px solid #ffffff15;z-index:3;pointer-events:none}.canvas-vector,.canvas-raster{display:block;width:100%;height:100%;object-fit:contain;overflow:hidden}.canvas-drawing{background:#ece7db}.canvas-raster{pointer-events:none;-webkit-user-drag:none}.canvas-artwork--split{display:flex;gap:18px;background:none;box-shadow:none}.canvas-artwork--split:before{display:none}.canvas-compare-half{position:relative;flex:1;min-width:0;height:100%;box-shadow:0 18px 45px #0004}.canvas-compare-label{position:absolute;bottom:-25px;left:0;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#a1a6af}.canvas-overlay-image,.canvas-slider-image{position:absolute;left:0;top:0}.canvas-divider{position:absolute;top:0;bottom:0;z-index:3;width:1px;background:#fff;box-shadow:0 0 10px #0006;pointer-events:none}.canvas-divider span{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:29px;height:29px;display:flex;align-items:center;justify-content:center;background:#f4f3ee;color:#24272a;border-radius:50%;font-size:16px;font-weight:600;letter-spacing:3px;box-shadow:0 2px 12px #0004}.canvas-artwork input.canvas-compare-scrub[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:5;cursor:ew-resize;touch-action:none}.canvas-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#676c76;font-size:13px;background:#181b20;border:1px dashed #3b3e46}.canvas-resolution{position:absolute;bottom:25px;left:25px;display:flex;gap:10px;align-items:center;color:#707680;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.5px}.canvas-resolution-divider{width:1px;height:8px;background:#424751}.canvas-view-tools{position:absolute;z-index:6;left:50%;bottom:17px;transform:translate(-50%);display:flex;gap:2px;padding:5px;align-items:center;background:#1d2025;border:1px solid #33363c;border-radius:9px;box-shadow:0 5px 25px #0003;white-space:nowrap}.canvas-view-tools button{height:28px;min-width:28px;display:flex;justify-content:center;align-items:center;gap:6px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:#aeb4be;font-size:10px;cursor:pointer;font-family:inherit}.canvas-view-tools button:hover{background:#30343c;color:#fff}.canvas-view-tools button:focus-visible{outline:1px solid #b2b9c6}.canvas-view-tools .canvas-zoom-value{width:46px;font-variant-numeric:tabular-nums;color:#d4d8df}.canvas-view-tools-divider{height:16px;width:1px;background:#34373e;margin:0 3px}.canvas-hint{position:absolute;bottom:27px;right:25px;color:#626873;font-size:9px;pointer-events:none}.canvas-viewport-cross{position:absolute;width:12px;height:12px;opacity:.25;pointer-events:none}.canvas-viewport-cross:before,.canvas-viewport-cross:after{content:"";position:absolute;background:#a1a7b0}.canvas-viewport-cross:before{width:12px;height:1px;top:6px}.canvas-viewport-cross:after{height:12px;width:1px;left:6px}.canvas-viewport-cross--tl{top:56px;left:25px}.canvas-viewport-cross--br{bottom:66px;right:25px}.canvas-palette{position:absolute;left:50%;bottom:65px;transform:translate(-50%);display:flex;align-items:center;gap:3px;padding:5px;background:#15171c;border:1px solid #3d4149;border-radius:7px;box-shadow:0 8px 22px #0004;z-index:5}.canvas-palette span{display:block;width:15px;height:15px;border-radius:2px;border:1px solid #ffffff16}.canvas-opacity{position:absolute;left:50%;bottom:64px;transform:translate(-50%);display:flex;gap:10px;align-items:center;font-size:10px;color:#afb4bf;background:#1d2025;padding:8px 12px;border:1px solid #34373d;border-radius:8px}.canvas-opacity input{width:110px;accent-color:#d4dfc4}@media(max-width:1080px){.canvas-hint{display:none}.canvas-heading{top:18px;left:18px}.canvas-resolution{left:18px;font-size:8px;bottom:29px}.canvas-view-tools{bottom:15px}}@media(max-width:600px){.canvas-stage{min-height:240px}.canvas-heading{top:14px;left:15px;font-size:9px;letter-spacing:1px}.canvas-view-tools{bottom:12px}.canvas-view-tools button{height:25px;font-size:9px}.canvas-resolution{bottom:55px;left:15px;font-size:8px}.canvas-viewport-cross--tl{left:15px;top:45px}.canvas-viewport-cross--br{right:15px;bottom:58px}.canvas-artwork{top:calc(50% - 13px)}.canvas-palette{bottom:54px;max-width:90%;flex-wrap:wrap;justify-content:center}.canvas-palette span{width:12px;height:12px}.canvas-artwork--split{gap:8px}.canvas-compare-label{font-size:8px;bottom:-19px}.canvas-opacity{bottom:52px}}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9e9eb;background:#08090b;font-synthesis:none;font-weight:400;--muted:#72757e;--line:#24262c;--accent:#eda875;--panel:#101114;--font-head:"Manrope","DM Sans",sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;border:0;cursor:pointer;background:transparent}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible{outline:1px solid var(--accent);outline-offset:3px}button{transition:color .15s,background .15s,border-color .15s}img{display:block;max-width:100%}svg{flex-shrink:0}a{color:inherit}select{appearance:none;color:#d8d9df;background:#191b20 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239296a0'%3E%3Cpath d='m3 4 3 3 3-3'/%3E%3C/svg%3E") no-repeat right 7px center;border:1px solid #2c2e35;border-radius:5px;padding:6px 25px 6px 9px;font-size:11px;max-width:125px}input[type=range]{appearance:none;height:3px;border-radius:3px;background:#34363e;accent-color:var(--accent);cursor:pointer;width:100%;margin:12px 0 2px}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#d8d9de;border:2px solid #191b20;box-shadow:0 0 0 1px #a4a6ad}input[type=checkbox]{accent-color:#dea27b;width:12px;height:12px;margin:0}input[type=number]{color:#e2e2e6;width:56px;border:1px solid #30323b;border-radius:5px;background:#191b20;padding:5px;font-size:11px}.app{min-height:100dvh}.topbar{height:76px;border-bottom:1px solid #212228;display:flex;align-items:center;padding:0 4.1vw;gap:20px}.brand{display:flex;align-items:center;font-family:var(--font-head);font-size:25px;letter-spacing:-1px;font-weight:800;padding:0;gap:10px}.brand-dot{font-size:10px;align-self:flex-start;margin:5px 0 0 -5px;color:#94969e}.brand-mark{display:flex;align-items:center;width:24px;transform:skew(-18deg);gap:3px}.brand-mark i{width:5px;height:24px;background:var(--accent);border-radius:1px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:11px}.header-actions{display:flex;align-items:center;gap:26px;margin-left:auto}.header-caption{font-size:9px;letter-spacing:1.5px;color:#666972}.text-button{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#bfc0c7;padding:9px 0}.text-button:hover{color:#fff}.landing{max-width:1510px;margin:auto;padding:0 5.8vw}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6.5vw;align-items:center;min-height:650px;padding:60px 0 55px}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:600;color:#ad9c8e;display:flex;align-items:center;gap:9px}.live-dot{width:5px;height:5px;background:#a2b29b;border-radius:50%;display:inline-block;box-shadow:0 0 8px #a2b29b33}.hero h1{font-family:var(--font-head);font-weight:650;font-size:clamp(35px,4.15vw,66px);letter-spacing:-3px;line-height:1.18;margin:24px 0 20px;color:#f5f3ef}.hero h1 span{color:#7e818a}.hero p{font-size:14px;line-height:1.8;color:#878991;margin:0 0 30px}.drop-button{display:flex;align-items:center;gap:15px;border:1px solid #f1b388;background:#eda875;color:#241b15;border-radius:7px;padding:16px 19px;font-weight:650;font-size:13px;min-width:229px;box-shadow:0 2px 14px #0003}.drop-button svg:last-child{margin-left:auto}.drop-button:hover{background:#f5b587;transform:translateY(-1px)}.file-hint{font-size:9px;color:#777982;letter-spacing:1px;margin:14px 0 27px}.file-hint span{color:#494c55;letter-spacing:0;margin-left:10px}.privacy-line{font-size:10px;color:#767981;display:flex;align-items:center;gap:7px}.hero-art{background:#121317;border:1px solid #2b2d33;border-radius:10px;overflow:hidden;box-shadow:0 25px 75px #0004;transform:rotate(-1.7deg);position:relative;max-width:550px}.art-topline{height:43px;padding:0 18px;display:flex;justify-content:space-between;align-items:center}.art-topline>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#9598a1;letter-spacing:1.05px}.art-topline .art-live{font-size:7px;color:#6f737b}.hero-paper{position:relative;margin:0 15px;background:#f0ebdd;aspect-ratio:1.14;overflow:hidden}.hero-paper>img{height:100%;width:100%;object-fit:cover}.hero-pencil{position:absolute;inset:0;height:100%;width:100%;stroke:#827869;stroke-width:1.1;opacity:.18}.hero-pencil path{stroke-dasharray:2200;stroke-dashoffset:2200;animation:sketch-line 12s ease-in-out infinite}.hero-pencil path+path{animation-delay:1s}.paper-corner{position:absolute;height:12px;width:12px;border-color:#cfc7b5;border-style:solid}.top-left{top:14px;left:14px;border-width:1px 0 0 1px}.bottom-right{bottom:14px;right:14px;border-width:0 1px 1px 0}.art-footer{height:44px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#61656f}.art-footer>span{display:flex;align-items:center;gap:8px;letter-spacing:.8px}.art-footer b{font-weight:400;color:#a0a1a7;letter-spacing:0}.amber-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent)}.mobile-break{display:none}.section-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.35px;color:#82858e;padding:28px 0 19px;border-top:1px solid #202229}.section-label span:last-child{display:flex;align-items:center;gap:7px;color:#4c4f57}.demo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:19px}.demo-card{text-align:left;padding:0}.demo-image{aspect-ratio:1.65;position:relative;background:#191a20;border:1px solid #2a2b32;border-radius:5px;overflow:hidden}.demo-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.demo-card:hover img{transform:scale(1.035)}.demo-play{position:absolute;right:9px;bottom:9px;border-radius:50%;background:#08090b66;backdrop-filter:blur(5px);width:27px;height:27px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.demo-card:hover .demo-play{opacity:1}.demo-label{display:flex;justify-content:space-between;padding:12px 1px;font-size:10px;color:#c8c9d1}.demo-label span:last-child{font-size:8px;color:#555962}.landing-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#4f525b;border-top:1px solid #1c1e24;margin-top:34px;padding:22px 0}.landing-footer span:first-child{display:flex;align-items:center;gap:11px;font-size:7px;letter-spacing:1.2px}@keyframes sketch-line{0%{stroke-dashoffset:2200;opacity:0}10%{opacity:1}60%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:0;opacity:0}}.has-project{height:100dvh;overflow:hidden}.has-project .topbar{height:61px;padding:0 24px;gap:30px}.has-project .brand{font-size:21px}.has-project .brand-mark{width:19px;gap:2px}.has-project .brand-mark i{width:4px;height:19px}.has-project .brand-mark i:nth-child(2){height:15px}.has-project .brand-mark i:nth-child(3){height:9px}.mode-tabs{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:5px;padding:4px;background:#111216;border:1px solid #26282e;border-radius:6px}.mode-tabs button{font-size:9px;letter-spacing:1.15px;padding:8px 18px;color:#737780;border-radius:3px}.mode-tabs button.active{background:#25262d;color:#e8e9ec;box-shadow:0 1px 3px #0004}.local-badge{font-size:9px;display:flex;gap:6px;align-items:center;color:#6a6e77}.button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;padding:9px 12px;font-size:11px;background:#202127;border:1px solid #35373e;color:#d4d5da}.button:hover{background:#2a2c34}.export-button{color:#e7b994;border-color:#605044;background:#2d241e}.export-button:hover{background:#3c2e22}.workspace{display:grid;height:calc(100dvh - 61px);grid-template-columns:229px minmax(0,1fr) 219px;grid-template-rows:minmax(0,1fr) 147px}.panel{background:var(--panel);font-size:11px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#31343c transparent}.image-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.layers-panel{border-left:1px solid var(--line)}.panel-heading{height:48px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 17px;font-size:9px;letter-spacing:1.1px;font-weight:550;color:#9c9ea7}.panel-heading .icon-button{margin-left:auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:5px;color:#858894;border-radius:4px}.icon-button:hover{background:#262831;color:#dcdde1}.source-preview{position:relative;margin:0 17px;height:119px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#23252c;padding:0;border:1px solid #2b2d34}.source-preview img{width:100%;height:100%;object-fit:contain}.source-preview span{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;background:#08090b99;opacity:0;font-size:9px}.source-preview:hover span{opacity:1}.file-info{margin:13px 17px 18px;display:flex;flex-direction:column;gap:6px}.file-info b{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info>span{font-size:9px;color:#646975}.tiny-dot{margin:0 5px}.panel-divider{border-top:1px solid #24262c}.panel-section{padding:19px 17px}.control-label{font-size:8px;color:#6e727d;letter-spacing:1.25px;font-weight:550;margin-bottom:12px}.segmented{display:flex;border:1px solid #2c2e36;border-radius:5px;background:#17191e;padding:3px;margin-bottom:17px}.segmented button{flex:1;border-radius:3px;padding:7px;font-size:10px;color:#757985}.segmented button.selected{color:#dcdde1;background:#30323a;box-shadow:0 1px 2px #0004}.field-label{display:flex;align-items:center;justify-content:space-between;color:#a8abb5;font-size:10px;margin-bottom:13px;gap:10px}.palette-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:2px 0 20px}.palette-swatches span{height:13px;border-radius:2px;box-shadow:inset 0 0 0 1px #fff1}.slider-label{display:flex;flex-direction:column;margin-bottom:19px}.slider-label>span{display:flex;justify-content:space-between;font-size:10px;color:#a6a9b4}.slider-label b{color:#737783;font-weight:400;font-size:9px}.advanced-button{display:flex;align-items:center;gap:6px;font-size:9px;color:#767b85;width:100%;padding:1px 0 10px}.advanced-button svg:last-child{margin-left:auto}.rotated{transform:rotate(180deg)}.advanced-settings{padding-top:13px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:9px;color:#90949f;line-height:1.5}.retrace{width:100%;font-size:10px;margin-top:9px;color:#a4a8b4}.retrace.dirty{background:#382c22;border-color:#6a4d35;color:#e9bc99}.small-help{font-size:9px;line-height:1.7;color:#565c67;margin-top:16px;margin-bottom:0}.panel-bottom{padding:14px 17px;margin-top:auto;color:#5c626d;font-size:9px;display:flex;align-items:center;gap:6px;border-top:1px solid #21242a}.canvas-area{background:#0c0d10;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;overflow:hidden}.workspace-toolbar{display:flex;height:45px;align-items:center;padding:0 18px;flex-shrink:0;justify-content:space-between;border-bottom:1px solid #1e2026;gap:10px}.document-title{display:flex;align-items:center;gap:8px;font-size:10px;color:#999da8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-dot{width:5px;height:5px;background:#939f8e;border-radius:50%}.document-tag{font-size:6px;letter-spacing:1px;color:#5d616c;padding:3px 5px;border:1px solid #292c34;border-radius:3px;margin-left:4px}.canvas-tools{display:flex;gap:7px}.bg-swatch{height:13px;width:13px;padding:0;border-radius:3px;border:1px solid #50535c;position:relative}.bg-swatch.active:after{content:"";position:absolute;inset:-4px;border:1px solid #797e89;border-radius:5px}.bg-dark{background:#202229}.bg-light{background:#eee9dc}.bg-grid{background:conic-gradient(#83858d 25%,#d2d3d6 0 50%,#83858d 0 75%,#d2d3d6 0);background-size:6px 6px}.canvas-status{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:8px;color:#5b606b;flex-shrink:0;border-top:1px solid #20232a;gap:8px}.canvas-status span:last-child{display:flex;align-items:center;gap:8px;white-space:nowrap}.canvas-status i{height:2px;width:2px;background:#555862;border-radius:50%}.count-pill{display:flex;align-items:center;justify-content:center;background:#23262e;border-radius:3px;min-width:16px;height:16px;color:#828997;font-size:8px}.layer-list{padding:0 8px 12px}.layer-row{display:flex;align-items:center;border-radius:4px;height:47px;padding:0 5px;gap:1px;position:relative}.layer-row:hover{background:#1b1e25}.layer-row.selected{background:#25242a;box-shadow:inset 2px 0 #dfa575}.layer-main{display:flex;align-items:center;gap:9px;text-align:left;padding:0;flex:1;min-width:0;font-size:10px;color:#b7bbc6}.layer-preview{border:1px solid #fff1;border-radius:4px;width:25px;height:27px;display:flex;align-items:center;justify-content:center;color:#fff5;flex-shrink:0}.layer-main>span:last-child{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.layer-main small{font-size:8px;color:#606875}.layer-row.hidden .layer-main{opacity:.4}.layer-row .eye{padding:3px;color:#656c79}.solo-button{font-size:7px;color:#5a606c;border:1px solid #373c46;border-radius:2px;width:13px;height:13px;padding:0;margin-left:3px;opacity:0}.layer-row:hover .solo-button,.layer-row.selected .solo-button{opacity:1}.layer-opacity{padding:0 16px}.phase-overview{padding:21px 16px 14px}.phase-overview button{display:flex;gap:9px;align-items:center;text-align:left;width:100%;padding:7px 0;color:#737a86;font-size:9px}.phase-overview button.current{color:#e3b08b}.phase-overview button:hover{color:#cccfd7}.phase-number{color:#444b58;font-size:8px;font-variant-numeric:tabular-nums}.phase-overview button svg,.phase-overview button>.amber-dot{margin-left:auto;color:#58685c}.phase-overview button.current .phase-number{color:#926c4c}.inspector{border-top:1px solid #252830;padding:16px;font-size:9px}.inspector summary{list-style:none;cursor:pointer;color:#7a818e;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;font-size:8px}.inspector[open] summary svg{transform:rotate(180deg)}.inspector dl{display:grid;grid-template-columns:1fr 1fr;gap:11px 5px;padding-top:8px}.inspector dt{color:#606b7b}.inspector dd{margin:0;text-align:right;color:#a8adba;font-size:9px}.remove-button{margin:0 16px 15px;display:flex;align-items:center;gap:5px;font-size:8px;color:#565e6b;padding:5px 0}.remove-button:hover{color:#c19785}.process-steps{display:flex;align-items:center;justify-content:center;padding:13px 12px;gap:3px;flex-shrink:0;background:#111217;flex-wrap:wrap}.process-steps button{display:flex;align-items:center;gap:5px;font-size:8px;padding:7px 4px;color:#707786}.process-steps button span{font-size:7px;color:#454e5b}.process-steps button svg{margin-left:3px;color:#3f4652}.process-steps button.active{color:#e2b090}.process-steps button.active span{color:#a47f65}.compare-toolbar{display:flex;align-items:center;justify-content:center;padding:9px;gap:5px;flex-shrink:0;flex-wrap:wrap;border-bottom:1px solid #20242b}.compare-toolbar>span{font-size:7px;color:#545d6a;letter-spacing:1px;margin-right:10px}.compare-toolbar button{font-size:9px;color:#737f8c;padding:6px 9px;border-radius:4px}.compare-toolbar button.active{color:#d0d4df;background:#252a32}.timeline{grid-column:1/-1;border-top:1px solid #2a2c33;background:#111216;padding:14px 22px 9px;min-width:0}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;height:18px;margin-bottom:13px}.drawing-label{display:flex;align-items:center;gap:10px;color:#b4b7c0;font-size:8px;letter-spacing:.85px;overflow:hidden;white-space:nowrap}.drawing-label>svg{color:#ba906e}.drawing-label b{font-weight:550;font-size:8px}.phase-badge{color:#6e7583;font-size:7px;border-left:1px solid #353945;padding-left:12px}.phase-title{font-size:9px;color:#c99b76;letter-spacing:0}.timeline-time{font-family:monospace;font-size:9px;color:#545f6e;white-space:nowrap}.timeline-time span{color:#abb2bd}.phase-track{height:26px;display:flex;gap:4px}.phase-track button{min-width:0;position:relative;border-radius:2px;background:#1d2028;height:24px;padding:4px 7px;text-align:left;overflow:hidden}.phase-track button span{color:#626b7b;font-size:6px;letter-spacing:1px;position:relative;z-index:2;white-space:nowrap}.phase-track button i{position:absolute;left:0;top:0;bottom:0;background:#4b3b30;opacity:.8;transition:width 25ms linear}.phase-track button.reached span{color:#b8a596}.timeline-scrub[type=range]{display:block;margin:4px 0 9px;background:#282d36;height:2px}.timeline-scrub[type=range]::-webkit-slider-thumb{background:#e2af87;width:9px;height:9px;border-color:#111216;box-shadow:0 0 0 1px #785b43}.playback-row{display:flex;align-items:center;gap:25px}.playback-controls{display:flex;align-items:center;gap:13px}.playback-controls .icon-button{padding:4px;color:#788190}.play-button{height:30px;width:35px;border:1px solid #514233;background:#3a2d23;color:#dfb48f;border-radius:5px;display:flex;align-items:center;justify-content:center}.play-button svg{width:12px;height:12px}.play-button:hover{background:#513b29}.current-action{display:flex;align-items:center;gap:7px;font-size:7px;color:#6f7989;letter-spacing:1px}.action-dot{width:7px;height:7px;border-radius:2px;box-shadow:0 0 0 1px #fff1}.current-action .action-detail{text-transform:capitalize;font-size:8px;letter-spacing:0;color:#505c6d;border-left:1px solid #292f39;margin-left:3px;padding-left:9px}.playback-meta{display:flex;align-items:center;gap:20px;margin-left:auto}.step-count{font-size:7px;color:#697386;letter-spacing:1px}.speed-select{display:flex;align-items:center;gap:9px;font-size:8px;color:#616d7e}.speed-select select{font-size:9px;padding:5px 23px 5px 9px;background-color:#1c2027;border-color:#313744;min-width:100px}.mobile-close,.mobile-dock{display:none}.processing-overlay,.modal-backdrop,.drop-overlay{position:fixed;inset:0;background:#060709c9;backdrop-filter:blur(9px);z-index:30;display:flex;align-items:center;justify-content:center;padding:24px}.processing-card{text-align:center;padding:40px;width:380px;border-radius:14px;background:#13151a;border:1px solid #2e333e;box-shadow:0 20px 80px #0005}.processing-orbit{height:67px;width:67px;border:1px solid #5c4431;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;color:#e8aa78;animation:pulse 2s ease infinite}.processing-card .eyebrow{justify-content:center;font-size:8px}.processing-card h2{font-family:var(--font-head);font-size:24px;letter-spacing:-1px;font-weight:550;margin:12px 0}.processing-card p{font-size:11px;color:#727d8e;margin:0 0 28px}.processing-bar{height:3px;background:#2d333e;border-radius:4px;overflow:hidden}.processing-bar i{display:block;height:100%;background:#dca777;transition:width .25s}.processing-stage{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#929ba9;font-size:9px}.processing-card .text-button{margin:22px auto 0;color:#626e80;font-size:10px}.drop-overlay{z-index:60;flex-direction:column;gap:10px;color:#e5b591;background:#0e1017e6;border:2px dashed #8f6647;margin:15px;border-radius:14px;pointer-events:none}.drop-overlay h2{font-weight:500;color:#e5e2df;letter-spacing:-1px}.drop-overlay span{font-size:11px;color:#788492;letter-spacing:2px}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:12px;background:#211e1d;border:1px solid #76533e;z-index:80;width:min(490px,calc(100vw - 28px));padding:17px;color:#e0beb0;border-radius:8px;font-size:12px;box-shadow:0 10px 50px #0005}.error-toast>svg{color:#d3a481;margin-top:2px}.error-toast>.icon-button{margin-left:auto}.error-actions{display:flex;gap:13px;margin-top:12px}.error-actions button{font-size:10px;color:#d4a888;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.export-modal{width:490px;max-height:95dvh;overflow:auto;background:#13151a;border:1px solid #353943;border-radius:12px;padding:24px;box-shadow:0 25px 100px #0008}.modal-header{display:flex;align-items:flex-start;justify-content:space-between}.modal-header .eyebrow{font-size:7px;letter-spacing:1.2px}.modal-header h2{font-family:var(--font-head);font-size:21px;font-weight:550;letter-spacing:-.6px;margin:12px 0 22px}.modal-header>.icon-button{margin:-5px -5px 0 0}.export-preview{display:flex;align-items:center;gap:17px;background:#1c2027;border:1px solid #2c323b;border-radius:6px;padding:13px;margin-bottom:18px}.export-preview img{width:72px;height:72px;object-fit:contain;background:conic-gradient(#ddd 25%,#eee 0 50%,#ddd 0 75%,#eee 0);background-size:12px 12px;border-radius:3px}.export-preview>div{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#768495}.export-preview b{font-size:12px;color:#cfd5de;font-weight:500}.export-options{display:flex;flex-direction:column;gap:7px}.export-options button{display:flex;align-items:center;gap:15px;text-align:left;background:#191d24;border:1px solid #2e353f;padding:15px;border-radius:6px;color:#8c99aa}.export-options button:hover{background:#232933;border-color:#4b586b}.export-options button>span{flex:1;display:flex;flex-direction:column;gap:5px}.export-options b{font-size:11px;font-weight:500;color:#d2d6de}.export-options small{font-size:9px;color:#6c7b8e}.export-options em{font-size:6px;letter-spacing:.6px;font-style:normal;background:#4b3a2c;padding:3px 4px;color:#d7b494;border-radius:2px;margin-left:5px}.export-options .recommended{border-color:#5b4837;background:#29221d}.export-options .recommended:hover{background:#392b20}.export-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#788796;padding-top:19px}@keyframes pulse{50%{box-shadow:0 0 0 8px #dca77708}}@media(min-width:1600px){.landing{padding:0 95px}.hero{gap:100px;min-height:750px}.hero h1{font-size:68px}.hero-art{max-width:570px}.hero p{font-size:16px}.demo-image{aspect-ratio:1.7}}@media(max-width:1100px){.header-caption{display:none}.landing{padding:0 5vw}.hero{min-height:570px;gap:5vw;padding:45px 0}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:12px}.art-footer>span:last-child{display:none}.workspace{grid-template-columns:202px minmax(0,1fr) 188px}.panel-heading,.panel-section,.phase-overview{padding-left:13px;padding-right:13px}.source-preview{margin:0 13px}.file-info{margin-left:13px;margin-right:13px}.layer-main{font-size:9px;gap:6px}.layer-preview{width:21px;height:24px}.local-badge{display:none}.playback-row{gap:20px}.current-action .action-detail,.document-tag{display:none}.phase-track button{padding:4px}.phase-track button span{font-size:5px}.demo-label span:last-child{display:none}}@media(max-width:800px){.topbar{height:66px;padding:0 24px}.landing{padding:0 28px}.hero{gap:24px;min-height:530px}.hero h1{font-size:36px;letter-spacing:-1.8px}.hero p{font-size:11px}.hero-art{transform:rotate(-1deg)}.art-topline{padding:0 10px}.art-topline .art-live{display:none}.hero-paper{margin:0 10px}.demo-grid{gap:10px}.section-label{font-size:7px}.section-label span:last-child{display:none}.has-project .topbar{padding:0 15px;height:57px}.has-project .brand{font-size:18px}.has-project .header-actions{gap:0}.mode-tabs{gap:1px;padding:3px}.mode-tabs button{padding:7px 11px;font-size:8px}.export-button{padding:7px;gap:6px;font-size:10px}.export-button>svg:last-child{display:none}.workspace{height:calc(100dvh - 57px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 130px 42px}.canvas-area{grid-column:1;grid-row:1}.panel{display:none}.panel.mobile-open{display:flex;position:fixed;flex-direction:column;inset:auto 0 42px;height:min(70dvh,650px);width:100%;z-index:22;border:1px solid #343a43;border-radius:14px 14px 0 0;padding:5px 20px 15px;box-shadow:0 -20px 90px #0009}.panel.mobile-open:before{content:"";display:block;width:30px;height:3px;min-height:3px;background:#586374;border-radius:3px;margin:5px auto 0}.mobile-close{display:inline-flex}.desktop-only{display:none}.source-preview{height:120px;min-height:120px}.panel-section{padding:16px}.palette-swatches{grid-template-columns:repeat(16,1fr);gap:5px}.layer-list{display:grid;grid-template-columns:1fr 1fr;padding:0}.layer-row{height:56px}.layer-main{font-size:11px}.layer-preview{width:30px;height:33px}.solo-button{opacity:1}.phase-overview{display:none}.timeline{grid-row:2;grid-column:1;padding:11px 14px 8px}.timeline-heading{margin-bottom:10px}.timeline-heading .phase-title{display:none}.timeline-heading .phase-badge{font-size:6px;padding-left:8px}.drawing-label{gap:7px}.phase-track button{height:20px;padding:3px}.phase-track{height:22px;gap:3px}.phase-track button span{font-size:5px;letter-spacing:.3px}.timeline-scrub[type=range]{margin:3px 0 9px}.playback-controls{gap:12px}.playback-row{gap:10px}.playback-meta{gap:0}.step-count,.speed-select>span{display:none}.current-action{font-size:6px;letter-spacing:.6px}.speed-select select{min-width:85px;padding:5px 19px 5px 6px;font-size:8px}.mobile-dock{display:flex;grid-row:3;grid-column:1;align-items:center;justify-content:space-evenly;border-top:1px solid #282e38;background:#171b23;z-index:23}.mobile-dock button{display:flex;align-items:center;gap:8px;font-size:10px;color:#929cae;width:50%;justify-content:center}.mobile-dock button+button{border-left:1px solid #323b49}.workspace-toolbar{height:37px;padding:0 14px}.canvas-status{font-size:7px}.canvas-status>span:first-child{max-width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.export-modal{padding:19px;width:430px}.modal-header h2{font-size:20px}}@media(max-width:560px){.landing{padding:0 23px}.topbar{padding:0 23px;height:66px}.brand{font-size:22px}.header-actions .text-button{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:47px 0 32px;gap:42px;min-height:auto}.hero-copy .eyebrow{font-size:8px}.hero h1{font-size:39px;line-height:1.2;letter-spacing:-1.7px;margin-top:20px}.mobile-break{display:block}.hero p{font-size:12px;margin-bottom:22px;line-height:1.7}.drop-button{width:100%;padding:15px 18px;min-height:50px;font-size:12px}.file-hint{margin:13px 0 18px;display:flex;justify-content:space-between;font-size:8px}.privacy-line{font-size:9px}.hero-art{margin:0 7px;max-width:none;transform:rotate(-1.3deg)}.hero-paper{aspect-ratio:1.28}.art-topline{height:34px}.art-topline>span{font-size:7px}.art-topline .art-live{display:flex;font-size:6px}.art-footer{height:35px;font-size:6px;padding:0 12px}.demo-section{padding-top:0}.section-label{padding-top:21px;font-size:7px}.demo-grid{grid-template-columns:repeat(2,1fr);gap:12px 13px}.demo-card:last-child{display:none}.demo-label{font-size:9px;padding:9px 0}.demo-label span:last-child{display:block;font-size:7px}.demo-image{aspect-ratio:1.7}.landing-footer{margin-top:21px;justify-content:center;padding:20px 0}.landing-footer>span:last-child{display:none}.has-project .brand{gap:6px;font-size:16px}.has-project .brand-dot{display:none}.has-project .brand-mark{width:15px}.has-project .brand-mark i{width:3px}.has-project .topbar{padding:0 12px;gap:7px}.mode-tabs{position:static;transform:none;margin-left:auto}.mode-tabs button{font-size:7px;padding:7px 9px;letter-spacing:.6px}.has-project .header-actions{margin-left:0}.export-button{padding:7px;color:#e1ab7f}.export-button>span{display:none}.canvas-status span:last-child{gap:5px}.drawing-label{font-size:7px;gap:5px}.drawing-label b{font-size:7px}.timeline-time{font-size:8px}.playback-controls{gap:10px}.playback-controls .icon-button{padding:3px}.playback-controls .icon-button svg{width:13px;height:13px}.current-action{display:none}.timeline .playback-meta{margin-left:auto}.phase-track button span{letter-spacing:0;font-size:4px}.processing-card{padding:30px 24px}.modal-backdrop{padding:14px}.export-modal{padding:19px 16px}.export-options button{padding:13px}.export-preview{gap:13px}.export-preview img{width:62px;height:62px}.error-toast{bottom:55px}}@media(prefers-reduced-motion:reduce){.hero-pencil path,.processing-orbit{animation:none}.hero-pencil{opacity:0}button,img{transition:none}}