@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_C-bw.ttf) format("truetype")}@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFN_C-bw.ttf) format("truetype")}@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE9_C-bw.ttf) format("truetype")}@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_C-bw.ttf) format("truetype")}@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_C-bw.ttf) format("truetype")}@property --a1{syntax: "<color>"; inherits: true; initial-value: #5B6BFF;}@property --a2{syntax: "<color>"; inherits: true; initial-value: #9B6BFF;}@property --a3{syntax: "<color>"; inherits: true; initial-value: #3C7CF0;}@property --ink{syntax: "<color>"; inherits: true; initial-value: #07080B;}:root{--bg: #07080B;--text: #F3F4F7;--text-2: #DADCE2;--muted: #BCC0CA;--faint: #A2A6B2;--panel: rgba(14, 15, 20, .8);--panel-solid: #121319;--panel-border: rgba(255, 255, 255, .1);--field: rgba(255, 255, 255, .06);--field-border: rgba(255, 255, 255, .22);--field-hover: rgba(255, 255, 255, .32);--ok: #5BE3A4;--warn: #F7BE5C;--err: #FF8A7E;--link: #B4BCFF;--focus: #FFD84D;--radius: 14px;--radius-lg: 20px;--shadow: 0 24px 60px rgba(0, 0, 0, .45);--a1: #5B6BFF;--a2: #9B6BFF;--a3: #3C7CF0;--ink: #07080B;--dur1: 4s;--dur2: 3.4s;--dur3: 4.7s;--dur4: 3.7s;color-scheme:dark;transition:--a1 1.5s ease,--a2 1.5s ease,--a3 1.5s ease,--ink 1.5s ease}:root[data-motion=calm]{--dur1: 8.7s;--dur2: 7.3s;--dur3: 10s;--dur4: 8s}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:Manrope,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;text-rendering:optimizeLegibility}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--link);text-underline-offset:3px}a:hover{color:#d7dbff}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.01em}p{margin:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.pg-el:focus-visible .pg-hit{stroke:var(--focus);stroke-width:.8;stroke-dasharray:2 1}.skip-link{position:absolute;left:12px;top:-60px;z-index:1000;background:var(--focus);color:#111;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}.skip-link:focus{top:12px}.aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg)}.aurora .b{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:screen;opacity:.6;will-change:transform}.aurora .b1{width:70vmax;height:70vmax;left:-20vmax;top:-28vmax;background:radial-gradient(circle,var(--a1) 0%,transparent 64%);animation:m1 var(--dur1) ease-in-out infinite alternate}.aurora .b2{width:60vmax;height:60vmax;right:-22vmax;top:-6vmax;background:radial-gradient(circle,var(--a2) 0%,transparent 64%);animation:m2 var(--dur2) ease-in-out infinite alternate}.aurora .b3{width:64vmax;height:64vmax;left:10vmax;bottom:-36vmax;background:radial-gradient(circle,var(--a3) 0%,transparent 64%);animation:m3 var(--dur3) ease-in-out infinite alternate}.aurora .b4{width:46vmax;height:46vmax;left:30vw;top:4vh;background:radial-gradient(circle,var(--ink) 0%,transparent 62%);mix-blend-mode:normal;opacity:.85;filter:blur(60px);animation:m4 var(--dur4) ease-in-out infinite alternate}.aurora .veil{position:absolute;inset:0;background:linear-gradient(180deg,#07080b38,#07080b80)}.aurora.off .b{animation:none}.aurora.hidden .b{display:none}@keyframes m1{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(18vw,12vh) scale(1.2) rotate(30deg)}to{transform:translate(4vw,26vh) scale(.9) rotate(-12deg)}}@keyframes m2{0%{transform:translate(0) scale(1.05)}50%{transform:translate(-20vw,18vh) scale(.88)}to{transform:translate(-8vw,-8vh) scale(1.22)}}@keyframes m3{0%{transform:translate(0) scale(.95) rotate(0)}50%{transform:translate(-16vw,-20vh) scale(1.15) rotate(-24deg)}to{transform:translate(20vw,-6vh) scale(1) rotate(10deg)}}@keyframes m4{0%{transform:translate(0) scale(1)}50%{transform:translate(-22vw,22vh) scale(1.25)}to{transform:translate(20vw,12vh) scale(.85)}}.app{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:32px 24px 72px}.wrap-wide{max-width:1480px}.panel{background:var(--panel);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);border:1px solid var(--panel-border);border-radius:var(--radius-lg)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.panel{background:#0e0f14f2}}.card{padding:28px;display:flex;flex-direction:column;gap:20px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.muted{color:var(--muted)}.faint{color:var(--faint)}.ok{color:var(--ok)}.warn{color:var(--warn)}.err{color:var(--err)}.small{font-size:13px}.tiny{font-size:12px}.strong{font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.page-title{font-size:clamp(28px,4vw,38px);font-weight:800;letter-spacing:-.02em}.section-title{font-size:20px;font-weight:700}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.topbar{position:sticky;top:0;z-index:50;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:#090a0eb8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.brandmark{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--text);text-decoration:none;letter-spacing:-.01em}.brandmark:hover{color:var(--text)}.topbar-mid{display:flex;align-items:center;gap:10px;font-size:14px;min-width:0}.topbar-mid .name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.topbar-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-btn .dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);flex:none}.status-btn.attention .dot{background:var(--warn);box-shadow:0 0 10px var(--warn)}.status-btn.attention{color:var(--warn);border-color:#f7be5c73;background:#f7be5c1a}.btn{min-height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--text);font-weight:650;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s}.btn:hover{background:#ffffff1f;border-color:#ffffff4d;color:var(--text)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:#f3f4f7;color:#0b0c10;border-color:#f3f4f7;font-weight:800}.btn-primary:hover{background:#fff;color:#0b0c10;border-color:#fff}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:#ffffff14;border-color:transparent}.btn-danger{color:var(--err)}.btn-danger:hover{color:#ffb1a8}.btn-sm{min-height:36px;padding:0 12px;font-size:14px;border-radius:10px}.btn-icon{min-width:44px;padding:0 10px}.btn-sm.btn-icon{min-width:36px;padding:0 8px}.btn-lg{min-height:58px;padding:0 34px;font-size:17px;border-radius:14px}.btn-primary.btn-lg{box-shadow:0 10px 40px #ffffff29}@media(pointer:coarse){.btn-sm{min-height:44px}.btn-sm.btn-icon{min-width:44px}}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.label{font-size:14px;font-weight:650;color:var(--text-2);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.req,.opt{font-size:12px;font-weight:600;color:var(--faint)}.input,.select,.textarea{width:100%;min-height:46px;border:1px solid var(--field-border);border-radius:12px;padding:10px 14px;background:var(--field);color:var(--text);font-size:16px;transition:border-color .15s,background .15s}.input:hover,.select:hover,.textarea:hover{border-color:var(--field-hover)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:3px solid var(--focus);outline-offset:1px;border-color:transparent}.input::placeholder,.textarea::placeholder{color:#8e929e}.textarea{min-height:110px;resize:vertical;line-height:1.5}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#C9CCD3 50%),linear-gradient(135deg,#C9CCD3 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}.select option{background:#16171d;color:var(--text)}.input[aria-invalid=true]{border-color:var(--err);background:#ff8a7e12}.hint{font-size:13px;color:var(--muted)}.error-text{font-size:14px;color:var(--err);font-weight:600}.input.mono{font-family:ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase}.checkbox{display:flex;gap:10px;align-items:center;cursor:pointer;min-height:44px}.checkbox input{width:20px;height:20px;accent-color:#F3F4F7}.switch{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:44px}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch .track{width:48px;height:28px;border-radius:14px;background:#ffffff2e;position:relative;flex:none;transition:background .2s;border:1px solid rgba(255,255,255,.25)}.switch .track:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#c9ccd3;transition:transform .2s,background .2s}.switch input:checked+.track{background:#f3f4f7;border-color:#f3f4f7}.switch input:checked+.track:after{transform:translate(20px);background:#0b0c10}.switch input:focus-visible+.track{outline:3px solid var(--focus);outline-offset:2px}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);flex-wrap:wrap}.segmented button,.segmented a{min-height:38px;padding:0 14px;border:none;border-radius:9px;background:transparent;color:var(--muted);font-weight:650;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.segmented [aria-pressed=true],.segmented [aria-current=page],.segmented [aria-selected=true]{background:#f3f4f7;color:#0b0c10}.chip{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;font-weight:650;font-size:13px;color:var(--text-2);display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer}.chip:hover{color:var(--text);border-color:#ffffff4d}.chip.on,.chip[aria-pressed=true]{background:#f3f4f7;color:#0b0c10;border-color:#f3f4f7}.chip.warn{color:var(--warn);border-color:#f7be5c80}.note{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}.note-warn{background:#f7be5c1a;border:1px solid rgba(247,190,92,.38);color:#fbdfa8}.note-ok{background:#5be3a41a;border:1px solid rgba(91,227,164,.34);color:#c3f5dd}.note-err{background:#ff8a7e1a;border:1px solid rgba(255,138,126,.38);color:#ffc9c2}.note-info{background:#8e99ff1f;border:1px solid rgba(142,153,255,.36);color:#daddff}.num-badge{width:30px;height:30px;border-radius:9px;background:#f3f4f7;color:#0b0c10;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon-circle{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}.ic-ok{background:#5be3a429;color:var(--ok)}.ic-err{background:#ff8a7e29;color:var(--err)}.ic-warn{background:#f7be5c29;color:var(--warn)}.ic-wait{border:2px solid rgba(255,255,255,.22)}.ic-now{border:3px solid rgba(255,255,255,.2);border-top-color:#f3f4f7;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drop{position:relative;border:2px dashed rgba(255,255,255,.28);border-radius:14px;background:#ffffff08;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;color:var(--text-2);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;min-height:88px;width:100%;font-weight:650}.drop:hover{border-color:#ffffff73;background:#ffffff0f}.drop.over{border-color:#b4bcff;background:#5b6bff29;color:#e1e4ff}.drop-big{min-height:140px;flex-direction:column;text-align:center}.tile{border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#ffffff05;min-width:0}.tile.over{border-color:#b4bcff;box-shadow:0 0 0 2px #b4bcff80}.tile-img{height:130px;background:#f6f4ef;display:flex;align-items:center;justify-content:center;padding:14px;position:relative}.tile-img.checker{background-color:#fff;background-image:linear-gradient(45deg,#EEE 25%,transparent 25%),linear-gradient(-45deg,#EEE 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#EEE 75%),linear-gradient(-45deg,transparent 75%,#EEE 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.tile-img.dark{background:#1c1d24}.tile-img img{max-width:100%;max-height:100%;object-fit:contain}.tile-cap{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(255,255,255,.08)}.tile-cap .t{font-size:14px;font-weight:700}.tile-actions{display:flex;gap:6px;flex-wrap:wrap;padding-top:4px}.swatch{width:46px;height:46px;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff2e;flex:none;position:relative;overflow:hidden;cursor:pointer}.swatch input[type=color]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:none;padding:0}.colour-row{display:grid;grid-template-columns:46px minmax(110px,1fr) minmax(120px,1.3fr) minmax(110px,1fr) minmax(100px,1fr) 44px;gap:10px;align-items:start}.colour-head{font-size:13px;font-weight:650;color:var(--faint)}.mockup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.mock-thumb{height:120px;border-radius:10px;background:#2a2b33;overflow:hidden;display:flex;align-items:center;justify-content:center}.mock-thumb img{width:100%;height:100%;object-fit:cover}.progress{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.progress>span{display:block;height:100%;background:#c3c9ff;border-radius:3px;transition:width .25s}.entry{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}.entry-main{flex:999 1 620px;min-width:0;display:flex;flex-direction:column;gap:20px}.entry-side{flex:1 1 300px;min-width:260px;max-width:360px;display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}.section-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.collapse-btn{width:100%;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;border-radius:var(--radius-lg);font-weight:700;font-size:17px}.summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--text-2)}.summary-list li{display:flex;gap:8px;align-items:flex-start}.font-suggest{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);background:#17181f;border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:var(--shadow);padding:6px;list-style:none;margin:0;max-height:320px;overflow:auto}.font-suggest li{padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:15px}.font-suggest li[aria-selected=true],.font-suggest li:hover{background:#ffffff1a}.big-progress{position:relative;height:16px;border-radius:8px;background:#ffffff17;overflow:hidden}.big-progress .fill{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,var(--a3),var(--a1) 60%,var(--a2));box-shadow:0 0 22px var(--a1)}.big-progress .shine{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:shine 1.8s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(400%)}}.steps{list-style:none;margin:0;padding:0}.step{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.step.now{background:#ffffff0f;margin:0 -16px;padding:14px 16px;border-radius:12px;border-top-color:transparent}.step .t{font-weight:700;font-size:15px}.step .s{font-size:13px;color:var(--muted)}.step .time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.step.wait .t{color:var(--faint)}.ready-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ready-grid .ph{aspect-ratio:1.414;border-radius:4px;border:1.5px dashed rgba(255,255,255,.2)}.review{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:18px;align-items:start}.thumbs{display:flex;flex-direction:column;gap:10px;padding:12px;max-height:calc(100vh - 210px);overflow:auto;position:sticky;top:84px}.thumb{display:flex;flex-direction:column;gap:6px;border-radius:10px;padding:6px;border:2px solid transparent;background:none;color:var(--muted);cursor:pointer;text-align:left;font-size:12px;font-weight:650}.thumb:hover{background:#ffffff0d;color:var(--text)}.thumb[aria-current=true]{border-color:#f3f4f7;color:var(--text)}.thumb.hidden-page{opacity:.45}.thumb.drag-over{border-color:#b4bcff}.thumb .pg{border-radius:4px;overflow:hidden;box-shadow:0 2px 10px #00000059}.thumb-row{display:flex;gap:4px}.canvas-wrap{display:flex;flex-direction:column;gap:12px;align-items:center;min-width:0}.page-frame{width:100%;max-width:940px;position:relative;box-shadow:0 30px 80px #00000073;border-radius:4px;overflow:hidden;touch-action:none}.page-frame.editing .pg-el{cursor:move}.props{padding:18px;display:flex;flex-direction:column;gap:16px;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto}.props .group{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.props .group:first-child{border-top:none;padding-top:0}.props .gh{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}.num-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.num-grid .input{min-height:40px;padding:6px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px}.colour-pick{display:flex;gap:8px;flex-wrap:wrap}.colour-pick button{width:36px;height:36px;border-radius:9px;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff40}.colour-pick button[aria-pressed=true]{border-color:#f3f4f7;box-shadow:0 0 0 2px #0b0c10 inset}.layout-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.layout-opts button{border-radius:8px;border:2px solid rgba(255,255,255,.15);background:#ffffff0a;padding:8px;color:var(--text-2);font-size:12px;font-weight:650;cursor:pointer;min-height:44px}.layout-opts button[aria-pressed=true]{border-color:#f3f4f7;color:var(--text)}.text-editor{position:absolute;z-index:5;background:#fffffff7;color:#111;border:2px solid #5B6BFF;border-radius:4px;padding:4px 6px;resize:none;font-size:14px;line-height:1.4;box-shadow:0 8px 30px #00000059}.handle{fill:#fff;stroke:#ff3dcb;vector-effect:non-scaling-stroke;stroke-width:2}.sel-box{fill:none;stroke:#ff3dcb;stroke-width:1.5;vector-effect:non-scaling-stroke}.guide-line{stroke:#ff3dcb;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.project-card{overflow:hidden;display:flex;flex-direction:column;position:relative}.project-card .cover{aspect-ratio:1.414;display:flex;align-items:center;justify-content:center;background:#f6f4ef;overflow:hidden}.project-card .cover img{width:100%;height:100%;object-fit:cover}.project-card .open{position:absolute;inset:0;z-index:1;border-radius:var(--radius-lg)}.project-card .meta{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.project-card .menu-btn{position:relative;z-index:2}.menu{position:absolute;z-index:40;right:12px;bottom:56px;min-width:240px;padding:6px;background:#17181f;border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column}.menu button{justify-content:flex-start;border-color:transparent;background:transparent;width:100%}.menu button:hover,.menu button:focus-visible{background:#ffffff14}.meter{height:6px;background:#ffffff1f;border-radius:3px;width:140px;overflow:hidden}.meter>span{display:block;height:100%;background:#f3f4f7}.empty-state{padding:48px 28px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.checks{list-style:none;margin:0;padding:0}.check{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}.check.failed{background:#ff8a7e0f;margin:0 -12px;padding:12px;border-radius:10px;border-top-color:transparent}.pref{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.bar{display:block;height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.bar>span{display:block;height:100%;background:#f3f4f7;border-radius:3px}.bar.dim>span{background:#8e929e}.pill{min-height:34px;padding:0 6px 0 12px;border-radius:999px;background:#ffffff17;font-size:13px;font-weight:650;display:inline-flex;align-items:center;gap:4px}.stat{display:flex;flex-direction:column}.stat b{font-size:28px;font-weight:800;line-height:1.1}.stat span{font-size:13px;color:var(--muted)}.toasts{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px;width:min(440px,calc(100vw - 32px))}.toast{background:#1a1b22;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 14px 14px 16px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:start;box-shadow:var(--shadow);animation:toast-in .25s ease}.toast .t{font-weight:700;font-size:15px}.toast .b{font-size:14px;color:var(--text-2);margin-top:2px}.toast .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.status-panel{position:fixed;top:72px;right:16px;z-index:120;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 100px);overflow:auto;box-shadow:var(--shadow);background:#101117f7}.issue{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.07)}.issue .t{font-weight:700}.issue .d{font-size:14px;color:var(--text-2);line-height:1.5}.dialog-backdrop{position:fixed;inset:0;z-index:300;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:26px;display:flex;flex-direction:column;gap:16px;background:#15161c}@media(max-width:1180px){.review{grid-template-columns:170px minmax(0,1fr)}.review .props{grid-column:1 / -1;position:static;max-height:none}}@media(max-width:860px){.wrap{padding:20px 16px 56px}.card{padding:20px}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-side{position:static;max-width:none}.review{grid-template-columns:minmax(0,1fr)}.thumbs{flex-direction:row;position:static;max-height:none;overflow-x:auto;padding:10px}.thumb{width:130px;flex:none}.colour-row{grid-template-columns:46px minmax(0,1fr) 44px}.colour-row .c-name,.colour-row .c-role,.colour-row .c-pantone{grid-column:2 / 3}.colour-head{display:none}.topbar{padding:8px 12px}.topbar-mid{order:3;width:100%}.pref{grid-template-columns:minmax(0,1fr) auto}.pref .bar{grid-column:1 / -1;grid-row:2}}@media(max-width:560px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.topbar-nav .label-text{display:none}.btn-lg{width:100%}.step.now{margin:0 -8px;padding:14px 8px}.toasts{right:16px;left:16px;width:auto;bottom:16px}.topbar{position:static}.thumbs>.tiny{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.ic-now{animation:none!important;border-top-color:#fff9}.big-progress .shine{display:none}}:root[data-motion=lively] .aurora .b,:root[data-motion=calm] .aurora .b{animation-duration:var(--dur1)!important;animation-iteration-count:infinite!important}:root[data-motion=lively] .aurora .b2,:root[data-motion=calm] .aurora .b2{animation-duration:var(--dur2)!important}:root[data-motion=lively] .aurora .b3,:root[data-motion=calm] .aurora .b3{animation-duration:var(--dur3)!important}:root[data-motion=lively] .aurora .b4,:root[data-motion=calm] .aurora .b4{animation-duration:var(--dur4)!important}@media(forced-colors:active){.aurora{display:none}.panel{border:1px solid CanvasText}.btn{border:1px solid ButtonText}}html.paused .aurora .b{animation-play-state:paused}[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}.drop{cursor:default;-webkit-user-select:none;user-select:none}.drop .drop-btn{flex:0 0 auto}.drop-big .drop-btn{margin-top:4px}.found-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.found{display:flex;flex-direction:column;gap:6px;min-width:0}.found.unused .found-img{opacity:.55}.found-img{height:110px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid rgba(255,255,255,.14);overflow:hidden}.found-img.checker{background-color:#fff;background-image:linear-gradient(45deg,#EEE 25%,transparent 25%),linear-gradient(-45deg,#EEE 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#EEE 75%),linear-gradient(-45deg,transparent 75%,#EEE 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.found-img.dark{background:#1c1d24}.found-img img{max-width:100%;max-height:100%;object-fit:contain}.found-facts{margin:0;display:grid;gap:8px}.found-facts>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:baseline}.found-facts dt{color:var(--muted);font-size:14px}.found-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.found-facts .dot{width:16px;height:16px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px #ffffff59}@media(max-width:560px){.found-facts>div{grid-template-columns:1fr;gap:2px}.drop:not(.drop-big){flex-wrap:wrap}}.hex-check{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:#ffc4571f;border:1px solid rgba(255,196,87,.45);color:#ffe2a8;font-size:14px}.hex-check b{color:#fff1d2}.warn-chip{color:#ffd27a;font-weight:700}.note-logo{background:#ffffff0d;border:1px solid rgba(255,255,255,.16);color:var(--text-2)}.contact-row{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr) 44px;gap:10px;align-items:center}@media(max-width:560px){.contact-row{grid-template-columns:minmax(0,1fr) 44px}.contact-row select{grid-column:1 / -1}}.sel-group{fill:none;stroke:#2d8cff;stroke-width:.35;stroke-dasharray:1.2 .8;vector-effect:non-scaling-stroke}.marquee{fill:#2d8cff1f;stroke:#2d8cff;stroke-width:1px;vector-effect:non-scaling-stroke}.align-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.align-grid .btn-icon{width:auto;min-width:0;padding:0}.segmented.seg-sm button{min-height:34px;padding:0 10px;font-size:13px}.segmented button:disabled{opacity:.4;cursor:not-allowed}.gap-input{min-height:38px!important;width:84px!important;padding:6px 10px!important;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px!important}.colour-pick .swatch-none{background:linear-gradient(135deg,transparent 46%,#E5397F 46%,#E5397F 54%,transparent 54%),#f3f4f7}.scrub-label{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;align-self:flex-start}.num-field.scrubbing .input{border-color:#2d8cff}.num-field .input{cursor:text}.card-frame{box-shadow:0 20px 50px #00000073}.mock-shot{margin:0;display:flex;flex-direction:column;gap:6px}.mock-shot img{width:100%;height:auto;border-radius:8px;display:block}
