:root{color:#1e293b;background:#f8fafc;font-family:Noto Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}.shell{background:#fff;border:1px solid #dbe3ee;border-radius:16px;width:min(1080px,100% - 48px);margin:48px auto;padding:40px;box-shadow:0 16px 48px #0f172a14}.eyebrow{color:#475569;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.875rem;font-weight:700}h1{margin:0 0 16px}dl{gap:12px;margin:28px 0 0;display:grid}dl div{grid-template-columns:150px 1fr;gap:16px;display:grid}dt{font-weight:700}dd{margin:0}.fixture-picker{gap:6px;margin:24px 0 8px;font-weight:700;display:grid}.fixture-picker select{width:fit-content;min-width:220px;font:inherit;padding:7px 10px}.canvas-summary{color:#475569;font-size:.9rem}.editor-toolbar{flex-wrap:wrap;gap:8px;margin:24px 0 12px;display:flex}.editor-toolbar button,.dmc-picker select,.dmc-picker input{min-height:34px;font:inherit;background:#fff;border:1px solid #94a3b8;border-radius:6px;padding:6px 10px}.editor-toolbar button{cursor:pointer}.editor-toolbar button.active{color:#1e3a8a;background:#dbeafe;border-color:#1d4ed8;font-weight:700}.editor-toolbar button:disabled{cursor:not-allowed;opacity:.5}.dmc-picker{grid-template-columns:minmax(220px,1fr) minmax(180px,1fr) minmax(240px,1fr);align-items:end;gap:12px;margin:0 0 16px;display:grid}.dmc-picker label{gap:6px;font-weight:700;display:grid}.active-dmc{align-items:center;gap:8px;min-height:34px;display:flex}.active-dmc span:last-child{color:#475569}.swatch{border:1px solid #64748b;border-radius:4px;flex:none;width:24px;height:24px}.used-colors{border-top:1px solid #dbe3ee;margin:20px 0}.used-colors h2{margin:16px 0 8px;font-size:1rem}.used-color-row{border-top:1px solid #edf1f5;grid-template-columns:28px 28px 70px minmax(120px,1fr) 110px auto;align-items:center;gap:8px;min-height:38px;display:grid}.used-color-row output{font-variant-numeric:tabular-nums;text-align:right}.used-color-row button,dialog button{min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:6px;padding:5px 9px}dialog{border:1px solid #94a3b8;border-radius:10px;max-width:min(520px,100vw - 32px);box-shadow:0 18px 64px #0f172a47}dialog::backdrop{background:#0f172a52}dialog label{gap:6px;margin:12px 0;font-weight:700;display:grid}dialog input,dialog select{min-height:34px;font:inherit;border:1px solid #94a3b8;border-radius:6px;padding:6px 10px}.canvas-host{touch-action:none;background:#fbfaf7;border:1px solid #cbd5e1;height:min(62vh,680px);min-height:360px;position:relative;overflow:hidden}.canvas-host canvas{display:block}.canvas-host .canvas-tool-pencil{cursor:crosshair}.canvas-host .canvas-tool-eraser{cursor:cell}.canvas-host .canvas-tool-eyedropper{cursor:copy}.canvas-host .canvas-tool-pan{cursor:grabbing}.canvas-controls{background:#fffffff0;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;bottom:12px;right:12px}.canvas-controls button{min-width:32px;min-height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:5px}.canvas-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:56px}@media (width<=760px){.dmc-picker{grid-template-columns:1fr}.used-color-row{grid-template-columns:28px 28px 55px minmax(90px,1fr) 80px auto}.used-color-row output{text-align:right}}@font-face{font-family:Studio DejaVu;src:url(/assets/DejaVuSans-CHjR2eXl.ttf)format("truetype");font-display:block}.studio-symbol{text-align:center;min-width:1.5rem;font-family:Studio DejaVu;font-size:1.1rem}.production-metadata{border:1px solid #d8dde3;border-radius:.4rem;margin:1rem 0;padding:.75rem}.production-metadata label{flex-direction:column;gap:.25rem;margin:.35rem .75rem .35rem 0;display:inline-flex}.production-metadata input[type=text]{min-width:16rem}.production-metadata .logo-summary{align-items:center;gap:.75rem;display:flex}.production-metadata .logo-summary img{object-fit:contain;max-width:96px;max-height:64px}.persistence-panel{background:#f5f9fa;border:1px solid #a9bcc4;border-radius:.4rem;margin:1rem 0;padding:.75rem}.persistence-panel h2{margin:.2rem 0 .6rem;font-size:1.1rem}.persistence-panel p{margin:.4rem 0}.persistence-panel button{min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #3a6e6e;border-radius:6px;margin:.25rem .5rem .25rem 0;padding:5px 9px}.preflight-panel{border:1px solid #cbd5e1;border-radius:.4rem;margin:1rem 0;padding:.75rem}.preflight-panel h2{margin:.2rem 0 .6rem;font-size:1.1rem}.preflight-panel button{cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:6px;min-height:32px;margin:.2rem .5rem .2rem 0;padding:5px 9px}.preflight-panel button:disabled{cursor:default;opacity:.65}.preflight-finding{background:#fffbeb;border-left:4px solid #a16207;margin:.7rem 0;padding:.7rem}.preflight-finding h3{margin:0;font-size:1rem}.preflight-finding p,.preflight-finding details{margin:.4rem 0}.export-panel{background:#f8fbfb;border:1px solid #9fbcbc;border-radius:.4rem;margin:1rem 0;padding:.75rem}.export-panel h2{color:#223a3a;margin:.2rem 0 .6rem;font-size:1.1rem}.export-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.export-actions button,.export-actions a{color:#223a3a;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #3a6e6e;border-radius:6px;padding:6px 10px;text-decoration:none}.export-actions button:disabled{opacity:.55;cursor:default}.pdf-preview{border-top:1px solid #cbd5e1;margin-top:1rem;padding-top:.75rem}.pdf-preview-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pdf-preview-toolbar button{background:#fff;border:1px solid #94a3b8;border-radius:5px;min-height:30px}.artifact-current,.artifact-outdated{letter-spacing:.04em;border-radius:.25rem;padding:.15rem .4rem;font-size:.75rem;font-weight:800}.artifact-current{color:#166534;background:#dcfce7}.artifact-outdated{color:#92400e;background:#fef3c7}.pdf-page-stage{background:#d7dfe2;max-height:720px;margin-top:.5rem;padding:12px;overflow:auto}.pdf-page-stage canvas{background:#fff;max-width:none;display:block;box-shadow:0 3px 16px #0f172a33}.account-shell form{gap:.6rem;max-width:420px;display:grid}.account-shell label{gap:6px;font-weight:700;display:grid}.account-shell input{min-height:34px;font:inherit;border:1px solid #94a3b8;border-radius:6px;padding:6px 10px}.account-shell button,.account-header button{color:#223a3a;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #3a6e6e;border-radius:6px;padding:6px 12px}.account-shell button:disabled,.account-header button:disabled{opacity:.55;cursor:default}.account-header{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.4rem 0 1rem;display:flex}.account-header h1{margin:0 auto 0 0}.account-note{background:#f0f7f7;border-left:4px solid #3a6e6e;padding:.6rem .8rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.project-card{background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;gap:.5rem;padding:.75rem;display:grid}.project-card h2,.project-card h3{overflow-wrap:anywhere;margin:0;font-size:1.05rem}.project-card p{color:#475569;margin:.2rem 0 .5rem;font-size:.9rem}.project-card button{margin:0 .4rem .4rem 0}.project-preview{object-fit:contain;width:100%;height:180px;image-rendering:pixelated;background:#fafaf8;border:1px solid #e2e8f0;border-radius:.3rem;display:block}.legal-links{color:#475569;margin-top:2rem;font-size:.85rem}.turnstile-box{min-height:65px;margin:.8rem 0}:root{color:#333a32;font-synthesis:none;--paper:#faf9f5;--pine:#345347;--muted:#74796f;--border:#dedfd6;--success:#345b41;--warning:#936326;--error:#a03d36;--info:#45666a;--radius:5px;background:#f9f8f4;font-family:DM Sans,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.35}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #42745e}button{transition:background .15s,color .15s}button:not(:disabled):hover{filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}button svg{flex-shrink:0}button{background:0 0;border:0}h1,h2,h3,h4,p{margin:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#c9cec3;border-radius:3px}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:var(--paper);z-index:10;align-items:center;gap:22px;height:65px;min-height:65px;padding:0 26px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:10px;padding:0;font-size:22px;display:flex}.brand em{letter-spacing:.1px;color:#6d7569;margin-left:6px;font-size:13px;font-style:normal}.brand-mark{background:var(--pine);color:#faf7ee;text-align:center;border-radius:5px;width:29px;height:31px;font-family:Libre Caslon Display,serif;font-size:33px;line-height:26px;position:relative}.brand-mark>span{font-family:DM Sans;font-size:12px;line-height:12px;position:absolute;bottom:0;right:3px}.header-divider{border-left:1px solid var(--border);height:20px}.project-link{color:#6b7167;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.project-link.active{color:var(--pine)}.header-spacer{flex:1}.save-status{color:#68735f;align-items:center;gap:7px;font-size:11px;display:flex}.save-status>svg:first-child{color:#557246}.help-button{color:#6c7667;border:1px solid #cbd0c4;border-radius:50%;width:21px;height:21px;padding:0;font-size:12px}.avatar{background:#e6e7db;border:1px solid #d6d9cc;border-radius:50%;width:30px;height:30px;font-size:10px;font-weight:600}.account-wrap{position:relative}.account-menu{background:var(--paper);border:1px solid var(--border);z-index:50;flex-direction:column;gap:12px;width:270px;padding:18px;font-size:13px;display:flex;position:absolute;top:42px;right:0;box-shadow:0 8px 30px #24362a20}.account-menu small{color:var(--muted);font-size:11px}.account-menu button{text-align:left;border-top:1px solid var(--border);justify-content:space-between;padding:9px 0;display:flex}.project-bar{border-bottom:1px solid var(--border);background:var(--paper);justify-content:space-between;align-items:center;gap:20px;height:80px;min-height:80px;padding:0 26px 0 19px;display:flex}.project-heading{flex:1;align-items:center;gap:14px;display:flex}.project-title{letter-spacing:-.35px;align-items:center;gap:10px;padding:0;font-size:17px;font-weight:550;display:flex}.project-meta{color:#808477;margin-top:6px;font-size:10px;display:block}.project-meta>span{margin:0 6px}.workspace-tabs{align-items:center;gap:4px;height:100%;margin-right:auto;display:flex}.workspace-tabs button{color:#7b7f74;justify-content:center;align-items:center;gap:5px;height:100%;padding:0 17px;font-size:12px;display:flex;position:relative}.workspace-tabs button.selected{color:var(--pine);font-weight:600}.workspace-tabs button.selected:after{content:"";background:var(--pine);height:2px;position:absolute;bottom:0;left:12px;right:12px}.button{border-radius:var(--radius);white-space:nowrap;background:#fafaf6;border:1px solid #d9dcd0;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:10px 15px;font-size:12px;font-weight:550;display:inline-flex}.button.primary{background:var(--pine);border-color:var(--pine);color:#fff}.button.destructive{color:#fff;background:#a03d36;border-color:#a03d36}.button.full{width:100%}.export-button{min-height:36px;padding:8px 14px;font-size:11px}.icon-button{border-radius:3px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.icon-button:hover{background:#eaece3}.editor-layout{flex:1;grid-template-columns:65px minmax(0,1fr) 304px;min-height:0;display:grid}.tool-rail{border-right:1px solid var(--border);background:#f7f7f1;flex-direction:column;align-items:center;gap:19px;padding:16px 0 9px;display:flex}.rail-tools{flex-direction:column;gap:5px;display:flex}.tool-button{color:#737b6c;border-radius:5px;justify-content:center;align-items:center;width:39px;height:40px;display:flex;position:relative}.tool-button.active{color:var(--pine);background:#e1e8dd;box-shadow:inset 0 0 0 1px #cbd6c5}.tool-button.active:before{content:"";background:var(--pine);width:2px;height:19px;position:absolute;left:-13px}.tool-tip{color:#fff;white-space:nowrap;z-index:40;background:#304a3e;border-radius:4px;align-items:center;gap:16px;padding:10px 12px;font-size:11px;display:none;position:absolute;top:5px;left:50px}.tool-button:hover .tool-tip{display:flex}.tool-tip kbd{color:#d4dfd0}.rail-rule{background:var(--border);height:1px;margin:12px 5px 8px}.rail-color{border-radius:5px;width:25px;height:25px;box-shadow:0 0 0 3px #f7f7f1,0 0 0 4px #ced3c5}.rail-bottom{margin-top:auto}.canvas-workspace{background:#eeeee6;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas-toolbar{background:#f6f6ef;border-bottom:1px solid #d9dcd1;justify-content:space-between;align-items:center;gap:10px;height:46px;min-height:46px;padding:0 20px;display:flex}.tool-context{white-space:nowrap;align-items:center;gap:9px;font-size:10px;display:flex}.tool-context strong{font-weight:550}.toolbar-line{background:#d9dccf;width:1px;height:14px;margin:0 4px}.tiny-swatch{border-radius:2px;width:12px;height:12px}.muted{color:var(--muted)}.canvas-view-controls{align-items:center;gap:7px;display:flex}.canvas-view-controls button{color:#7f8776;justify-content:center;align-items:center;width:28px;height:27px;font-size:16px;display:flex}.canvas-view-controls .view-active{color:#3d5744;background:#e6eade;border-radius:3px}.canvas-scroll{background-image:radial-gradient(#999f8c19 .6px,#0000 .6px);background-size:4px 4px;flex:1;justify-content:safe center;align-items:flex-start;min-height:0;padding:27px 32px 18px;display:flex;overflow:auto}.canvas-stage{flex-shrink:0;align-self:center;max-width:none;margin:9px 0 20px;position:relative;box-shadow:0 2px 8px #4650380b}.stitch-canvas{background:#faf8f1;width:100%;height:auto;display:block}.stitch-canvas.interactive{touch-action:none;cursor:crosshair}.tool-hand .stitch-canvas{cursor:grab}.ruler{color:#858b7d;pointer-events:none;justify-content:space-between;font:9px DM Mono,monospace;display:flex;position:absolute}.ruler-horizontal{top:-18px;left:0;right:0}.ruler-horizontal span{transform:translate(-50%)}.ruler-vertical{flex-direction:column;align-items:flex-end;top:0;bottom:24px;left:-24px}.ruler-vertical span{transform:translateY(-50%)}.canvas-caption{color:#919380;letter-spacing:1.8px;background:#faf8f1;border-top:1px solid #e5e3d9;justify-content:space-between;align-items:center;height:24px;padding:0 13px;font:7px DM Mono,monospace;display:flex}.canvas-bottom{color:#8a8f80;justify-content:space-between;align-items:center;height:50px;min-height:50px;padding:0 19px;font-size:10px;display:flex}.canvas-bottom>span{align-items:center;gap:7px;display:flex}.shortcut-key{color:#777e6d;border:1px solid #d3d7ca;border-radius:3px;padding:2px 5px;font-size:9px}.hint-separator{margin:0 1px}.zoom-control{background:#f9f9f3;border:1px solid #d8dcd0;border-radius:5px;align-items:center;height:32px;display:flex;box-shadow:0 2px 4px #4b53300a}.zoom-control button{color:#697361;justify-content:center;align-items:center;width:29px;height:28px;display:flex}.zoom-control .zoom-value{gap:6px;width:62px;font:10px DM Mono}.zoom-control>span{background:var(--border);width:1px;height:17px}.inspector{background:var(--paper);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:auto}.inspector-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:46px;min-height:46px;padding:0 21px;display:flex}.inspector-heading h2{font-size:12px;font-weight:600}.active-thread-section{border-bottom:1px solid var(--border);padding:23px 21px 21px}.eyebrow{letter-spacing:1.25px;color:#7b8271;font-size:9px;font-weight:600}.active-thread{text-align:left;gap:13px;width:100%;padding:15px 0 19px;display:flex}.large-swatch{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:57px;height:57px;display:flex;box-shadow:inset 0 0 0 1px #0000000d}.large-swatch span{color:#f1efdb;font-family:serif;font-size:28px}.thread-description{flex-direction:column;gap:5px;display:flex}.thread-description strong{font-size:13px;font-weight:550}.thread-description>span{color:#7b8071;font-size:10px}.thread-description small{color:#52714c;align-items:center;gap:5px;margin-top:5px;font-size:9px;display:flex}.active-thread-section .button{min-height:33px;padding:7px 12px;font-size:10px}.used-threads{padding:23px 21px 0}.section-title{justify-content:space-between;align-items:center;display:flex}.number-badge{color:#69755c;background:#e9ecdf;border-radius:3px;padding:3px 6px;font:9px DM Mono}.thread-list-label{letter-spacing:1px;color:#959b88;justify-content:space-between;margin:20px 0 7px;font-size:7px;display:flex}.thread-row{border-bottom:1px solid #e8e9e0;border-radius:3px;align-items:center;gap:5px;height:48px;margin:0 -6px;padding:0 6px;display:flex}.thread-row.selected{background:#eaf0e3}.thread-select{text-align:left;flex:1;align-items:center;gap:7px;min-width:0;padding:0;display:flex}.thread-swatch{border:1px solid #0000000a;border-radius:3px;flex-shrink:0;width:22px;height:25px}.symbol-cell{color:#4b5443;background:#fcfcf6;border:1px solid #d9ddcc;border-radius:3px;justify-content:center;align-items:center;width:20px;height:25px;font-family:serif;font-size:17px;display:flex}.thread-row-name{flex-direction:column;gap:3px;min-width:0;display:flex}.thread-row-name strong{color:#434b3c;font:10px DM Mono}.thread-row-name small{color:#7e8474;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:8px;overflow:hidden}.stitch-count{color:#707965;font:9px DM Mono}.replace-action{color:#89937d;opacity:0;align-items:center;width:15px;padding:0;display:flex}.thread-row:hover .replace-action,.replace-action:focus-visible{opacity:1}.palette-note{color:#89917f;align-items:flex-start;gap:7px;margin:20px 0 22px;display:flex}.palette-note svg{margin-top:2px}.palette-note p{font-size:9px;line-height:1.8}.pattern-overview{border-top:1px solid var(--border);margin-top:auto;padding:21px}.pattern-overview svg{color:#859078}.pattern-overview dl{flex-direction:column;gap:11px;margin:19px 0 20px;font-size:10px;display:flex}.pattern-overview dl div{justify-content:space-between;gap:10px;display:flex}.pattern-overview dt{color:#868d7b}.pattern-overview dd{color:#5f6955;margin:0}.text-link{color:#53714c;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:500;display:inline-flex}.status-bar{border-top:1px solid var(--border);color:#8b927f;background:#f9f9f3;justify-content:space-between;align-items:center;gap:12px;height:30px;min-height:30px;padding:0 18px;font-size:9px;display:flex}.status-bar>span:first-child{align-items:center;gap:7px;display:flex}.status-dot{background:#789060;border-radius:50%;width:5px;height:5px}.status-divider{color:#c8cfbb;margin:0 11px}.status-bar button{color:#929884;align-items:center;gap:8px;font-size:9px;display:flex}.status-bar kbd{border:1px solid #d6dccb;border-radius:3px;padding:0 4px}.inspector-toggle{display:none}.inspector-content{flex-direction:column;gap:18px;padding:24px 21px;display:flex}.inspector-content h3{letter-spacing:-.4px;font-family:Libre Caslon Display,serif;font-size:28px;line-height:1.1}.panel-intro{color:#7a806f;font-size:11px;line-height:1.8}.inspector-content label,.modal>label,.dimension-fields label,.auth-form form>label,.expand-fields label{flex-direction:column;gap:8px;font-size:11px;font-weight:500;display:flex}.inspector-content input,.inspector-content textarea,.modal input:not([type=checkbox]),.auth-form input:not([type=checkbox]){box-sizing:border-box;color:#3f4b38;background:#fffefb;border:1px solid #d5d9cc;border-radius:4px;width:100%;padding:10px 11px;font-size:12px}.inspector-content textarea{resize:vertical;height:65px}.segmented{border:1px solid var(--border);background:#eeefe7;border-radius:5px;gap:3px;padding:3px;display:flex}.segmented button{color:#78816d;border-radius:3px;flex:1;padding:7px;font-size:11px}.segmented button.selected{color:#345347;background:#fffef9;box-shadow:0 1px 3px #32492b15}.upload-area{color:#7a856c;border:1px dashed #bec8b2;border-radius:4px;flex-direction:column;align-items:center;gap:9px;padding:20px;font-size:10px;display:flex;position:relative}.upload-area input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-area img{object-fit:contain;width:100%;max-height:100px}.information-box{background:#edf0e5;border:1px solid #dce2d2;border-radius:4px;padding:14px;font-size:12px;line-height:1.7}.information-box strong{font-size:12px}.information-box p{margin:4px 0;font-size:11px}.information-box small{color:#7d876e;font-size:10px}.preflight-illustration{color:#657f55;background:#edefe4;justify-content:center;align-items:center;height:74px;display:flex;position:relative}.check-stamp{background:var(--pine);color:#fff;border:3px solid #edefe4;border-radius:50%;margin:24px 0 0 39px;padding:4px;position:absolute}.status-block{color:#4e6c40;background:#edf2e7;border:1px solid #dce3d2;border-radius:4px;gap:9px;padding:13px 10px;display:flex}.status-block svg{flex-shrink:0}.status-block strong{font-size:11px}.status-block p{margin-top:5px;font-size:10px;font-weight:400;line-height:1.6}.status-block.warning{color:#866533;background:#f7f0dd;border-color:#e7dabc}.warning-card{background:#fbf8ee;border:1px solid #e4dac4;border-radius:4px;padding:15px}.warning-card h4{margin:12px 0;font-size:13px}.warning-card p{color:#7d745f;font-size:11px;line-height:1.8}.warning-card .button{margin-top:14px;font-size:11px}.warning-card>small{color:#8b7d60;font-size:9px}.symbol-examples{align-items:center;gap:8px;margin:15px 0;display:flex}.symbol-examples>span{background:#fff;border:1px solid #ddd6c7;padding:0 8px;font-size:24px}.symbol-examples small{font-size:9px;line-height:1.5}.check-label{align-items:center;margin:15px 0 7px;flex-direction:row!important;font-size:10px!important;display:flex!important}.check-label input{width:auto!important}.export-choice{border:1px solid var(--border);border-radius:4px;padding:17px}.export-choice>svg{color:#6d8262}.export-choice h4{margin-top:12px;font-size:15px}.export-choice p{color:#7c8270;margin:9px 0 15px;font-size:11px;line-height:1.8}.artifact{background:#edf1e6;border-radius:4px;flex-direction:column;gap:12px;padding:15px;font-size:11px;display:flex}.artifact strong{font-size:12px}.artifact p{color:#7b8570}.success-text{color:var(--success)}.error-text{color:var(--error)!important}.fine-print{color:#7a8270;font-size:10px;line-height:1.7}.selection-toolbar{z-index:3;background:#fafbf4;border:1px solid #ced8c1;border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-size:10px;display:flex;position:absolute;top:53px;left:14px;right:14px;box-shadow:0 3px 12px #30442720}.selection-toolbar button{align-items:center;gap:5px;font-size:10px;display:flex}.selection-toolbar strong{margin-right:auto}.selection-toolbar .button{min-height:28px;padding:5px 8px}.projects-page{flex:1;padding:64px 7% 40px;overflow:auto}.library-top{justify-content:space-between;align-items:center;gap:25px;margin-bottom:33px;display:flex}.library-top h1{letter-spacing:-1px;margin:10px 0 13px;font-family:Libre Caslon Display,serif;font-size:60px}.library-top h1>span{color:#a8664c}.library-top p{color:#7f8375;font-size:13px}.library-top>.button{padding:12px 20px}.local-banner{background:#edf0e5;border:1px solid #dce2d3;border-radius:5px;align-items:center;gap:15px;margin-bottom:37px;padding:20px 24px;display:flex}.local-banner>svg{color:#697e5c}.local-banner>div{flex:1}.local-banner strong{font-size:12px;font-weight:550}.local-banner p{color:#7e8772;margin-top:5px;font-size:11px}.library-controls{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.library-controls h2{font-size:15px;font-weight:500}.library-controls h2 span{background:#e9ecdf;border-radius:3px;margin-left:8px;padding:3px 6px;font-size:10px}.library-controls>div{gap:12px;display:flex}.search-field{color:#829075;background:#fcfcf7;border:1px solid #dce0d3;border-radius:4px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-field input{outline-offset:1px;width:100%;min-width:0;font-size:11px;background:0 0!important;border:0!important;padding:11px 0!important}.library-controls select{color:#6a7560;background:0 0;border:1px solid #dce0d3;border-radius:4px;padding:9px 10px;font-size:11px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.project-card{background:#fdfcf7;border:1px solid #dce0d2;border-radius:5px;overflow:hidden}.project-thumbnail{background:#e8eade;width:100%;height:270px;padding:20px 37px;display:block;position:relative}.project-thumbnail .stitch-canvas{object-fit:contain;background:0 0;width:100%;height:100%}.project-thumbnail>span{opacity:0;background:var(--pine);color:#fff;border-radius:4px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:15px;right:16px}.project-thumbnail:hover>span{opacity:1}.project-card-info{padding:20px}.project-card-info h3 button{letter-spacing:-.2px;padding:0;font-size:15px}.project-card-info>span{color:#8a907e;margin-top:8px;font-size:10px;display:block}.project-card-info>div{align-items:center;gap:4px;margin-top:18px;display:flex}.project-card-info small{color:#7a8c69;align-items:center;gap:4px;margin-right:auto;font-size:9px;display:flex}.new-project-card{color:#6f7f60;background:#f1f3e9;border:1px dashed #bdc6ad;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:380px;display:flex}.new-project-card>span{border:1px solid #d3dbc4;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:5px;display:flex}.new-project-card strong{font-size:15px;font-weight:500}.new-project-card small{color:#8b967d;font-size:11px}.library-footnote{color:#8a937c;justify-content:center;align-items:center;gap:8px;margin-top:44px;font-size:10px;display:flex}.empty-message{color:#7f8772;padding:20px;font-size:14px}.auth-page{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:auto}.auth-art{background:#e4e8da;flex-direction:column;justify-content:center;align-items:center;padding:35px 65px;display:flex}.auth-art .stitch-canvas{mix-blend-mode:multiply;background:0 0;width:min(75%,370px)}.auth-art>.eyebrow{margin:25px 0 15px}.auth-art h1{text-align:center;color:#485640;font-family:Libre Caslon Display;font-size:48px;line-height:1.05}.auth-form{flex-direction:column;align-self:center;gap:20px;padding:50px min(12%,80px);display:flex}.auth-form>.text-link{margin-bottom:30px}.auth-form h1{font-family:Libre Caslon Display;font-size:40px;line-height:1.1}.auth-form>p{color:#7c8472;font-size:13px;line-height:1.8}.auth-form form{flex-direction:column;gap:20px;display:flex}.auth-form .information-box{font-size:11px}.captcha{background:#f0f2e8;border:1px solid #d9dfce;border-radius:4px;align-items:center;padding:17px;flex-direction:row!important;gap:10px!important;display:flex!important}.captcha small{color:#849072;margin-left:auto;font-size:9px}.auth-form .fine-print{align-items:center;gap:7px;display:flex}.code-input{letter-spacing:7px;padding:18px!important;font:26px DM Mono!important}.auth-actions{color:#597348;justify-content:space-between;font-size:11px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#28342c66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fcfbf6;border-radius:8px;width:450px;max-width:100%;max-height:calc(100dvh - 70px);padding:36px;position:relative;overflow:auto;box-shadow:0 20px 70px #15241c30}.modal-close{color:#7c8771;position:absolute;top:12px;right:12px}.modal h2{letter-spacing:-.6px;margin:12px 0 16px;font:36px/1.1 Libre Caslon Display}.modal>p{color:#7a816e;margin:0 0 24px;font-size:12px;line-height:1.8}.modal>label{margin:20px 0}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:27px;padding-top:22px;display:flex}.dimension-fields{align-items:center;gap:15px;margin-top:20px;display:flex}.dimension-fields label{flex:1}.dimension-fields>span{color:#9ca58f;margin-top:20px}.dimension-preview{background:#ecefe3;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:150px;margin:22px 0 12px;display:flex}.dimension-preview>div{background-image:linear-gradient(#bac4ac66 1px,#0000 1px),linear-gradient(90deg,#bac4ac66 1px,#0000 1px);background-size:7px 7px;border:1px solid #a7b394;max-height:90px}.dimension-preview span{color:#7b8a6b;font:10px DM Mono}.modal>.fine-print{font-size:10px}.picker-list{max-height:305px;margin-top:15px;overflow:auto}.picker-list button{text-align:left;border-bottom:1px solid #e4e7dc;align-items:center;gap:12px;width:100%;padding:11px 9px;font-size:11px;display:flex}.picker-list button.selected{background:#e9efdf}.picker-list strong{font:11px DM Mono}.picker-list button>span:nth-last-child(2){flex:1}.replace-preview{background:#edf0e5;align-items:center;gap:13px;margin-bottom:20px;padding:17px;font:12px DM Mono;display:flex}.replace-preview>span{border-radius:4px;width:36px;height:36px}.expand-fields{grid-template-columns:1fr 1fr;gap:18px;margin:20px 0;display:grid}.expand-fields label{text-transform:capitalize}.shortcut-list{flex-direction:column;margin:25px 0;display:flex}.shortcut-list>div{border-bottom:1px solid #e4e6da;justify-content:space-between;align-items:center;padding:11px 0;font-size:12px;display:flex}.shortcut-list span{align-items:center;gap:12px;display:flex}.shortcut-list kbd{color:#708060;background:#e9ecdf;border-radius:3px;padding:4px 7px;font:10px DM Mono}.modal .status-block{margin-bottom:20px}.wide-modal{width:850px}.wide-modal iframe{border:1px solid var(--border);background:#eee;width:100%;height:60vh}.toast{color:#fff;z-index:100;background:#304b3f;border:1px solid #516a55;border-radius:5px;align-items:center;gap:11px;max-width:calc(100% - 50px);padding:14px 17px;font-size:12px;display:flex;position:fixed;bottom:46px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #243a2520}.toast>svg{color:#bfceaf}.toast button{color:#c3d1b5;margin-left:12px;display:flex}.spinner{border:2px solid #c8d6bc;border-top-color:#345347;border-radius:50%;width:15px;height:15px;animation:1s linear infinite spin}progress{width:100%;height:5px;accent-color:var(--pine);margin:10px 0}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1450px){.canvas-scroll{padding-top:34px;padding-bottom:25px}.editor-layout{grid-template-columns:70px minmax(0,1fr) 320px}.thread-row-name small{max-width:120px}}@media (height<=840px) and (width>=1101px){.canvas-scroll{padding-top:23px}.active-thread-section{padding-top:18px;padding-bottom:16px}.used-threads{padding-top:18px}.thread-row{height:40px}.pattern-overview{padding-top:18px;padding-bottom:17px}.palette-note{margin:16px 0}.pattern-overview dl{gap:9px;margin:15px 0;font-size:9px}}@media (width<=1280px){.editor-layout{grid-template-columns:57px minmax(0,1fr) 277px}.app-header{gap:18px;padding:0 21px}.project-title{font-size:15px}.workspace-tabs button{padding:0 12px}.canvas-toolbar{padding:0 14px}.contextual-name{display:none}.inspector-heading,.active-thread-section,.pattern-overview,.used-threads{padding-left:17px;padding-right:17px}.thread-row-name small{max-width:87px}.canvas-bottom{padding:0 14px}.secondary-hint,.hint-separator{display:none}.canvas-stage{width:570px}.projects-page{padding:45px 5%}.project-thumbnail{height:235px}}@media (width<=1100px){.editor-layout{grid-template-columns:57px minmax(0,1fr)}.inspector{display:none}.inspector-open .inspector{z-index:20;width:305px;display:flex;position:absolute;top:145px;bottom:30px;right:0;box-shadow:-6px 0 20px #35432a16}.inspector-toggle{margin-left:auto;display:flex}.project-heading{flex:1}.workspace-tabs{margin:0}.canvas-stage{width:670px}.canvas-scroll{padding-left:48px;padding-right:48px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-context{font-size:11px}.auth-art{padding:30px}.auth-form{padding:45px 30px}.auth-form h1{font-size:35px}}@media (width<=767px){.app-header{gap:12px;height:58px;min-height:58px;padding:0 17px}.brand{font-size:21px}.brand em,.header-divider,.project-link,.help-button{display:none}.save-status{gap:4px;font-size:9px}.save-status>svg:last-child{display:none}.project-bar{flex-wrap:wrap;gap:0;height:90px;min-height:90px;padding:12px 15px 0}.project-heading{flex:auto;width:70%}.back-to-projects{display:none}.project-title{font-size:13px}.project-meta{font-size:8px}.export-button{min-height:30px;padding:7px 9px;font-size:9px}.export-button svg{width:13px}.workspace-tabs{order:3;justify-content:center;width:100%;height:34px;margin-top:5px}.workspace-tabs button{font-size:10px}.editor-layout{grid-template-columns:45px minmax(0,1fr)}.tool-button{width:32px;height:38px}.rail-color{width:22px;height:22px}.canvas-toolbar{height:41px;min-height:41px;padding:0 10px}.tool-context{gap:5px;font-size:9px}.canvas-view-controls{gap:2px}.canvas-view-controls .toolbar-line,.canvas-view-controls button:last-child{display:none}.canvas-scroll{justify-content:flex-start;padding:28px 24px}.canvas-stage{align-self:flex-start}.canvas-caption{letter-spacing:1px;font-size:5px}.canvas-bottom>span{display:none}.canvas-bottom{justify-content:flex-end}.status-bar>span:nth-child(2),.status-bar button{display:none}.status-bar{font-size:9px}.inspector-open .inspector{width:min(305px,100% - 45px);top:148px}.selection-toolbar{flex-wrap:wrap;gap:7px;left:6px;right:6px}.selection-toolbar button>span{display:none}.projects-page{padding:30px 20px}.library-top{flex-wrap:wrap;align-items:flex-start;gap:21px;margin-bottom:25px}.library-top h1{margin:12px 0;font-size:48px}.library-top p{max-width:270px;font-size:11px;line-height:1.8}.library-top>.button{padding:10px 15px;font-size:11px}.local-banner{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:25px;padding:16px}.local-banner>div{flex:1;min-width:210px}.local-banner p{font-size:10px;line-height:1.7}.local-banner>.button{min-height:31px;margin-left:26px;padding:6px 12px;font-size:10px}.library-controls{flex-wrap:wrap;gap:15px}.library-controls>div{width:100%}.library-controls .search-field{flex:1;min-width:0}.library-controls select{max-width:118px;font-size:10px}.project-grid{grid-template-columns:1fr;gap:20px}.project-thumbnail{height:270px}.new-project-card{min-height:200px}.library-footnote{align-items:flex-start;margin-top:25px;font-size:9px;line-height:1.8}.library-footnote svg{flex-shrink:0}.auth-page{display:block}.auth-art{display:none}.auth-form{max-width:450px;margin:auto;padding:36px 25px}.auth-form h1{font-size:39px}.auth-form>.text-link{margin-bottom:22px}.auth-form>.eyebrow{margin-top:15px}.code-input{letter-spacing:5px!important;font-size:24px!important}.modal-backdrop{padding:14px}.modal{max-height:calc(100dvh - 35px);padding:30px 22px}.modal h2{font-size:33px}.modal-actions .button{padding:10px 12px;font-size:10px}.dimension-fields{gap:11px}.toast{box-sizing:border-box;width:calc(100% - 40px);max-width:none;font-size:11px}.selection-toolbar strong{font-size:9px}}@media (prefers-reduced-motion:reduce){button{transition:none}.spinner{animation:none}}.studio-ui.app{width:100%;max-width:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0}.studio-ui .editor-layout{position:relative}.studio-ui .editor-layout:not(.inspector-open){grid-template-columns:65px minmax(0,1fr)}.studio-ui .editor-layout:not(.inspector-open) .inspector{display:none}.studio-ui .inspector-toggle{margin-left:auto;display:flex}.studio-ui .tool-rail{z-index:12;position:relative}.studio-ui .canvas-toolbar,.studio-ui .inspector-heading{z-index:11;position:relative}.studio-ui button[data-tip],.account-app button[data-tip]{position:relative}.studio-ui button[data-tip]:after,.account-app button[data-tip]:after{content:attr(data-tip);z-index:50;color:#fff;text-align:center;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;background:#304a3e;border-radius:4px;width:max-content;max-width:min(240px,100vw - 24px);padding:7px 10px;font:11px/1.35 DM Sans,sans-serif;transition:opacity .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 15px #172d2055}.studio-ui button[data-tip]:hover:after,.studio-ui button[data-tip]:focus-visible:after,.account-app button[data-tip]:hover:after,.account-app button[data-tip]:focus-visible:after{opacity:1;visibility:visible}.studio-ui .tool-rail button[data-tip]:after{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.studio-ui .canvas-view-controls button[data-tip]:after,.studio-ui .inspector-heading button[data-tip]:after{left:auto;right:0;transform:none}.studio-ui .canvas-controls button[data-tip]:after{top:auto;bottom:calc(100% + 8px)}.studio-ui .clear-canvas-action{color:#a6574d}.studio-ui .stitch-style-toggle{font-size:17px;font-weight:500;line-height:1}.studio-ui .canvas-tool-backstitch,.studio-ui .canvas-tool-bucket,.studio-ui .canvas-tool-blend{cursor:crosshair}.studio-ui .rail-tools{min-height:0;overflow:hidden auto}.studio-ui .paint-tools-panel{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:20px 21px;display:flex}.studio-ui .paint-tools-panel label{flex-direction:column;gap:8px;font-size:11px;display:flex}.studio-ui .paint-tools-panel input[type=range]{width:100%;accent-color:var(--pine)}.studio-ui .reference-upload{cursor:pointer;text-align:center;position:relative;overflow:hidden}.studio-ui .reference-upload input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.studio-ui .reference-offsets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.studio-ui .reference-offsets input{box-sizing:border-box;width:100%;min-width:0}.studio-ui .pro-banner{border:1px solid var(--border);background:#f2f4ed;border-radius:12px;gap:10px;margin:0 0 26px;padding:24px;display:grid}.studio-ui .pro-banner h2{font-size:22px}.studio-ui .pro-banner p{font-size:12px;line-height:1.6}.studio-ui .pro-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:5px;display:flex}.studio-ui .paint-tools-panel .segmented button{min-width:0;padding:8px 4px;font-size:10px}.studio-ui .blend-wizard ol{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.studio-ui .blend-wizard li{border:1px solid var(--border);color:#858a7c;border-radius:5px;flex-direction:column;gap:4px;padding:10px 11px;font-size:10px;display:flex}.studio-ui .blend-wizard li strong{font-size:11px}.studio-ui .blend-wizard li.current{color:#355b42;background:#e8efe3;border-color:#a9c4a3}.studio-ui .blend-wizard li.done{color:#587761;border-color:#cbd8c7}.studio-ui .blend-shades{gap:3px;padding:7px 0;display:flex;overflow-x:auto}.studio-ui .blend-shades>div{flex-direction:column;align-items:center;gap:3px;min-width:30px;display:flex}.studio-ui .blend-shades span{border:1px solid #9ca899;border-radius:3px;width:25px;height:25px}.studio-ui .blend-shades small{color:#596954;font:9px DM Mono,monospace}.studio-ui .fill-preview-toolbar{flex-wrap:wrap;gap:8px}.studio-ui .fill-preview-toolbar>span{flex:1;min-width:140px;font-size:11px}.studio-ui .paint-message{color:#365942;background:#e9f1e6;padding:8px 14px;font-size:11px}.studio-ui .backstitch-panel{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:20px 21px;display:flex}.studio-ui .backstitch-panel>label:not(.backstitch-visibility){flex-direction:column;gap:8px;font-size:11px;display:flex}.studio-ui .backstitch-panel .segmented button{min-width:0;padding:8px 3px;font-size:10px}.studio-ui .backstitch-visibility{align-items:center;gap:8px;font-size:11px;display:flex}.studio-ui .backstitch-selection{background:#edf2e8;border:1px solid #dce2d2;border-radius:4px;flex-direction:column;gap:9px;padding:12px;font-size:11px;display:flex}.studio-ui .backstitch-selection>span{color:#76816f}.studio-ui .backstitch-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.studio-ui .backstitch-actions button{background:#fffefb;border:1px solid #cdd8c9;border-radius:4px;padding:7px 2px;font-size:9px}.studio-ui .clear-canvas-text{color:#a6574d;border-color:#e3c9c2}.studio-ui dialog .button.danger{color:#fff;background:#a0443e;border-color:#a0443e}.studio-ui .canvas-scroll{padding:0;display:block;overflow:hidden}.studio-ui .canvas-host{touch-action:none;background:#eeeee6;border:0;width:100%;height:100%;min-height:0}.studio-ui .canvas-host canvas{display:block}.studio-ui .canvas-controls{z-index:2;background:#f9f9f3;border:1px solid #d8dcd0;border-radius:5px;gap:3px;padding:3px 5px;bottom:16px;right:18px;box-shadow:0 2px 4px #4b53300a}.studio-ui .canvas-controls button{color:#697361;background:0 0;border:0;border-radius:3px;min-width:29px;min-height:28px;padding:0 5px}.studio-ui .canvas-controls output{color:#697361;min-width:57px;font:10px ui-monospace,monospace}.studio-ui .canvas-metrics{opacity:.72;font-size:9px}.studio-ui .studio-symbol{font-family:Studio DejaVu,sans-serif;font-size:15px}.studio-ui .thread-symbol-button{cursor:pointer;color:#34483a;flex:0 0 24px;width:24px}.studio-ui .thread-symbol-button:hover,.studio-ui .thread-symbol-button:focus-visible{background:#edf3e8;border-color:#6d8a72}.studio-ui dialog.symbol-picker-dialog{width:min(570px,100vw - 32px);max-height:min(82vh,760px);overflow:auto}.studio-ui .symbol-change-preview{color:#809076;align-items:center;gap:12px;margin:14px 0;display:flex}.studio-ui .symbol-change-preview .symbol-cell{width:44px;height:44px;font-size:25px}.studio-ui .symbol-option-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin:18px 0 12px;display:grid}.studio-ui .symbol-option-grid button{color:#39463c;background:#fcfcf7;border:1px solid #d9ddcc;border-radius:4px;min-width:0;height:39px;font-size:20px}.studio-ui .symbol-option-grid button:hover,.studio-ui .symbol-option-grid button:focus-visible{background:#edf3e8;border-color:#66866f}.studio-ui .symbol-option-grid button.in-use{background:#f4f0e7}.studio-ui .symbol-option-grid button.selected{color:#fff;background:#345347;border-color:#345347}.studio-ui .symbol-picker-dialog .fine-print{color:#6d796a;min-height:30px}.studio-ui .replace-action{opacity:.55}.studio-ui .inspector .export-panel{background:0 0;border:0;border-radius:0;margin:0;padding:22px 20px}.studio-ui .inspector .export-panel h2{color:#333a32;margin:0 0 13px;font-family:Libre Caslon Display,Georgia,serif;font-size:28px;font-weight:400}.studio-ui .inspector .export-panel p{color:#7a806f;margin:8px 0 16px;font-size:11px;line-height:1.7}.studio-ui .chart-style-choice{border:0;min-width:0;margin:18px 0;padding:0}.studio-ui .chart-style-choice legend{margin-bottom:9px;font-size:11px;font-weight:600}.studio-ui .chart-style-choice .segmented button{min-width:0;padding:8px 3px;font-size:10px}.studio-ui .inspector .export-actions{gap:8px;display:grid}.studio-ui .inspector .export-actions button,.studio-ui .inspector .export-actions a{color:#345347;background:#fafaf6;border:1px solid #d9dcd0;border-radius:5px;justify-content:center;align-items:center;min-height:38px;font-size:11px;text-decoration:none;display:flex}.studio-ui .inspector .export-actions button:first-child,.studio-ui .inspector .export-actions a:first-child{color:#fff;background:#345347;border-color:#345347}.studio-ui .inspector .pdf-preview{margin-top:18px}.studio-ui .inspector .pdf-preview-toolbar{gap:5px}.studio-ui .inspector .pdf-page-stage{max-height:470px;padding:9px;overflow:auto}.studio-ui .inspector .pdf-page-stage canvas{max-width:none}.studio-ui dialog.export-preview-dialog{width:min(1040px,100vw - 40px);max-width:min(1040px,100vw - 40px);max-height:calc(100vh - 40px);overflow:auto}.studio-ui .action-rejected{color:#a03d36;z-index:4;background:#f9e8e4;border:1px solid #dbb0a9;border-radius:5px;padding:10px 14px;font-size:11px;position:absolute;bottom:58px;left:16px;right:16px}.studio-ui dialog{color:#333a32;background:#faf9f5;border:1px solid #dce0d2;border-radius:6px;max-width:min(560px,100vw - 32px);padding:35px;box-shadow:0 20px 65px #24362a30}.studio-ui dialog::backdrop{background:#24362a55}.studio-ui dialog h2{margin:9px 0 16px;font-family:Libre Caslon Display,Georgia,serif;font-size:36px;font-weight:400}.studio-ui dialog p{margin:8px 0 16px;font-size:12px;line-height:1.7}.studio-ui dialog label{flex-direction:column;gap:7px;margin:15px 0;font-size:11px;font-weight:500;display:flex}.studio-ui dialog input,.studio-ui dialog select{color:#3f4b38;background:#fffefb;border:1px solid #d5d9cc;border-radius:4px;padding:10px 11px;font-size:12px}.studio-ui dialog .button{margin:8px 8px 0 0}.studio-ui .modal-backdrop{z-index:100}.studio-ui .modal .picker-list{max-height:min(55vh,420px);overflow:auto}.studio-ui .fixture-picker{z-index:12;background:#faf9f5;padding:5px;font-size:10px;position:fixed;bottom:34px;left:68px}.studio-ui .warning-card details{margin:12px 0;font-size:10px}.studio-ui .warning-card ul{padding-left:20px}.studio-ui .warning-card .text-link{margin-top:12px}.studio-ui .canvas-workspace .selection-toolbar{flex-wrap:wrap;max-width:860px}.studio-ui .canvas-workspace .selection-toolbar button{white-space:nowrap}.studio-ui .canvas-workspace .selection-toolbar .button{margin:0}@media (width<=1100px){.studio-ui .inspector-open .inspector{top:145px;bottom:30px}}@media (width<=1280px){.studio-ui .editor-layout:not(.inspector-open){grid-template-columns:57px minmax(0,1fr)}}@media (width<=767px){.studio-ui .editor-layout:not(.inspector-open){grid-template-columns:45px minmax(0,1fr)}.studio-ui .canvas-metrics{display:none}.studio-ui .inspector-open .inspector{top:148px}.studio-ui .canvas-controls{bottom:8px;right:8px}}.account-app.app{width:100%;max-width:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0}.account-app .account-loading{color:#7a806f;margin:auto}.account-app .account-email{color:#6b7167;font-size:11px}.account-app .account-menu-wrap{position:relative}.account-app .account-menu-wrap .account-menu{display:none}.account-app .account-menu-wrap.open .account-menu{display:flex}.account-app .auth-stitch-art{aspect-ratio:1;color:#526e55;background:#faf8f1;border:1px solid #bdc6ad;justify-content:center;align-items:center;width:min(55%,300px);font-family:Georgia,serif;font-size:clamp(120px,15vw,240px);display:flex;box-shadow:0 8px 35px #34534713}.account-app .decorative-pattern{object-fit:contain;background:#faf8f1;width:min(75%,370px);height:auto;max-height:55vh;display:block;box-shadow:0 8px 35px #34534713}.account-app .auth-art h2{text-align:center;color:#485640;font-family:Libre Caslon Display,Georgia,serif;font-size:48px;font-weight:400;line-height:1.05}.account-app .auth-form form{max-width:420px}.account-app .auth-form .fine-print{align-items:center;gap:7px;display:flex}.account-app .account-error{color:#a03d36;background:#f9e8e4;border:1px solid #dbb0a9;border-radius:5px;margin-bottom:20px;padding:14px 18px;font-size:12px}.account-app .project-grid{margin:0;padding:0;list-style:none}.account-app .project-card{box-shadow:none;padding:0;display:block}.account-app .project-thumbnail{border:0;border-radius:0}.account-app .project-thumbnail .project-preview{width:100%;height:100%;max-height:none;image-rendering:pixelated;background:0 0;border:0;border-radius:0}.account-app .project-card-info{display:block}.account-app .project-card-info h3{font-size:15px;font-weight:550}.account-app .project-card-info h3 button{margin:0}.account-app .project-card-info>div{justify-content:space-between;display:flex}.account-app .project-card-info .icon-button{margin:0}.account-app .new-project-card{padding:0}.account-app .new-project-card>button{flex-direction:column;justify-content:center;align-items:center;gap:13px;width:100%;min-height:380px;display:flex}.account-app .new-project-card>button>span{border:1px solid #d3dbc4;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.account-app .browser-projects{margin-top:45px}.account-app .browser-projects>p{color:#7c8472;margin:0 0 18px;font-size:11px}.account-app .local-project-card{min-height:160px}.account-app .local-project-card .button{margin-top:15px}.account-app .legal-links{margin-top:28px;font-size:10px}.account-app dialog{color:#333a32;background:#faf9f5;border:1px solid #dce0d2;border-radius:6px;max-width:min(560px,100vw - 32px);padding:35px;box-shadow:0 20px 65px #24362a30}.account-app dialog::backdrop{background:#24362a55}.account-app dialog h2{margin:9px 0 16px;font-family:Libre Caslon Display,Georgia,serif;font-size:36px;font-weight:400}.account-app dialog p{margin:8px 0 16px;font-size:12px;line-height:1.7}.account-app dialog label{flex-direction:column;gap:7px;margin:15px 0;font-size:11px;font-weight:500;display:flex}.account-app dialog input{color:#3f4b38;background:#fffefb;border:1px solid #d5d9cc;border-radius:4px;padding:10px 11px;font-size:12px}.account-app dialog .button{margin:8px 8px 0 0}.account-app .dimension-preview{min-height:110px}@media (width<=767px){.account-app .account-email{display:none}.account-app .new-project-card>button{min-height:200px}}@media (width<=480px){.studio-ui .symbol-option-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@font-face{font-family:DM Sans;src:url(/fonts/DM-Sans-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DM-Sans-500.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DM-Sans-600.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DM-Sans-700.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/DM-Mono-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/DM-Mono-500.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Libre Caslon Display;src:url(/fonts/Libre-Caslon-Display.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.studio-ui .motif-library{flex-direction:column;gap:13px;display:flex}.studio-ui .motif-search{color:#53634e;gap:6px;font-size:11px;font-weight:600;display:grid}.studio-ui .motif-search input{color:#354235;background:#fffefb;border:1px solid #cbd4c5;border-radius:5px;width:100%;padding:10px 11px}.studio-ui .motif-placement-options{border:1px solid #dce2d3;border-radius:5px;flex-wrap:wrap;gap:8px 12px;margin:0;padding:10px 12px;display:flex}.studio-ui .motif-placement-options legend{color:#53634e;padding:0 4px;font-size:11px}.studio-ui .motif-placement-options label{align-items:center;gap:5px;font-size:11px;display:inline-flex}.studio-ui .motif-selected{background:#e9f2e8;border:1px solid #bcd5bb;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:11px;display:flex}.studio-ui .motif-category{border-top:1px solid #dce2d3;padding-top:7px}.studio-ui .motif-category summary{cursor:pointer;color:#394937;justify-content:space-between;gap:8px;padding:7px 2px;font-size:12px;font-weight:600;display:flex}.studio-ui .motif-category summary span{color:#778574;font-size:11px}.studio-ui .motif-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:6px 0 13px;display:grid}.studio-ui .motif-card{color:#445341;text-align:center;cursor:grab;background:#fbfaf5;border:1px solid #dce2d3;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:108px;padding:7px 4px;font-size:10px;line-height:1.2;display:flex}.studio-ui .motif-card:hover,.studio-ui .motif-card:focus-visible{background:#f2f7ee;border-color:#71926d}.studio-ui .motif-card.selected{background:#edf5e9;border-color:#3e714d;box-shadow:inset 0 0 0 1px #3e714d}.studio-ui .motif-card:active{cursor:grabbing}.studio-ui .motif-thumbnail{width:72px;max-width:100%;height:72px;image-rendering:pixelated}.studio-ui .canvas-motif-active{cursor:crosshair}