.shirt-photo-editor{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 20px 70px #0007}.shirt-photo-editor::backdrop{background:#17101bcc}.shirt-photo-editor h2{font:28px Georgia,serif;margin:0 0 10px}.shirt-photo-editor p{font-size:14px;line-height:1.5;color:var(--muted)}.shirt-photo-editor canvas{display:block;max-width:100%;max-height:36dvh;width:auto;height:auto;margin:14px auto;border:1px solid var(--line);background:#eee}.shirt-photo-editor label{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;font-size:13px;margin:16px 0}.shirt-photo-editor input{width:100%;accent-color:var(--accent)}.shirt-photo-editor button{padding:10px 14px;border:1px solid var(--line);border-radius:24px;background:var(--field);color:var(--text);cursor:pointer}.shirt-photo-editor button:disabled{opacity:.5;cursor:default}.photo-rotation,.photo-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.photo-editor-actions{justify-content:flex-end}.photo-editor-actions button:last-child{background:#69458a;color:#fff}.shirt-photo-editor .photo-editor-note{font-size:12px}.shirts-content .cp-fabric-row>button:nth-of-type(2){grid-column:1 / -1}@media(max-width:500px){.shirt-photo-editor{padding:16px}.shirt-photo-editor label{grid-template-columns:1fr;gap:4px}}html,body,#root{height:100%}#root{display:flex;flex-direction:column}body{font-family:Arial,sans-serif;margin:0;padding:20px;background:#f5f5f5;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;color:inherit}h1{margin:0 0 16px}.main-layout{display:flex;gap:20px;align-items:stretch;margin-top:20px;flex:1;min-height:0}.panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a}.controls{width:380px;font-size:14px;flex-shrink:0;overflow-y:auto}.controls h2{margin-top:0;margin-bottom:12px;font-size:18px}input[type=text],input[type=number],select{width:100%;padding:7px 8px;box-sizing:border-box;font-size:14px;border-radius:4px;border:1px solid #ccc}.cp-section-label{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.cp-divider{border:none;border-top:1px solid #ddd;margin:14px 0}.cp-sublabel{font-size:12px;color:#999}.cp-grid-row{display:flex;gap:10px;align-items:flex-start}.cp-col-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.cp-field{display:flex;flex-direction:column;gap:4px}.cp-field input[type=number]{width:67%}.cp-field label{font-size:12px;color:#aaa}.cp-build-area{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.cp-warning{font-size:11px;color:#e07000;text-align:center;max-width:120px;line-height:1.3}.cp-sash-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:13px}.cp-sash-row{display:flex;align-items:center;gap:8px}.cp-sash-row input[type=number]{width:70px;flex-shrink:0}.cp-border-row{display:flex;align-items:center;gap:8px}.cp-border-row input[type=number]{width:100px;flex-shrink:0}.cp-color-val{flex:1;max-width:80px;height:32px;border-radius:4px;border:1px solid rgba(255,255,255,.15);cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 6px;min-width:0}.cp-color-val--wide{flex:1}.cp-sash-row .cp-color-val,.cp-border-row .cp-color-val{margin-left:auto}.cp-color-val-text{font-size:11px;font-family:monospace;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.6);pointer-events:none;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-color-val input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:none}.cp-fabric-slot{margin-bottom:8px}.cp-fabric-row{display:flex;gap:8px;align-items:center}.cp-file-btn{flex:1;padding:7px 10px;border:1px solid #555;border-radius:4px;background:transparent;color:inherit;font-size:13px;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-file-btn:hover{border-color:#07c}.cp-file-btn--loaded{border-color:#07c;color:#07c}.cp-select-btn{flex-shrink:0;width:70px}.cp-select-btn--active{background:#2a9d4e!important}.cp-select-btn--active:hover{background:#21883f!important}.mode-toggle{display:flex;border-radius:6px;overflow:hidden;border:1px solid #555;margin-top:2px}.mode-toggle button{flex:1;padding:9px 16px;border:none;background:transparent;color:#999;cursor:pointer;font-size:14px;font-weight:500;transition:background .15s,color .15s}.mode-toggle button.active{background:#07c;color:#fff}.mode-toggle button:hover:not(.active):not(:disabled){background:#0077cc26;color:inherit}.mode-toggle button:disabled{opacity:.4;cursor:not-allowed}.cp-section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cp-active-color-wrap{display:flex;align-items:center;gap:6px;cursor:pointer}.cp-active-color-box{width:32px;height:24px;border-radius:4px;border:2px solid #0077cc;position:relative;overflow:hidden;cursor:pointer}.cp-active-color-box input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:none}.cp-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-palette-swatch{height:44px;border-radius:6px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .15s,transform .1s}.cp-palette-swatch:hover{transform:scale(1.03)}.cp-palette-swatch--active{border-color:#07c;box-shadow:0 0 0 1px #07c}.cp-swatch-hex{font-size:11px;font-family:monospace;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.6);pointer-events:none}.cp-import-export-row{display:flex;gap:8px;align-items:center}.cp-import-export-row .cp-file-btn{flex:1}.toggle-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .slider{position:absolute;inset:0;background:#555;border-radius:24px;transition:background .2s}.toggle-switch .slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.slider{background:#07c}.toggle-switch input:checked+.slider:before{transform:translate(18px)}.btn-primary{padding:9px 14px;border:none;border-radius:4px;background:#07c;color:#fff;font-weight:700;cursor:pointer;font-size:14px;white-space:nowrap;transition:background .15s}.btn-primary:hover{background:#005fa3}.btn-primary:disabled{background:#555;cursor:not-allowed;opacity:.5}.grid-wrapper{flex:1;min-width:0;display:flex;flex-direction:column}.zoom-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tool-mode-group{display:flex;gap:4px}.tool-btn{padding:6px 14px;border:1px solid #ccc;border-radius:4px;background:#f0f0f0;cursor:pointer;font-size:14px;font-weight:700}.tool-btn.active{background:#07c;color:#fff;border-color:#07c}.tool-btn:hover:not(.active){background:#e0e0e0}body.dark .tool-btn{background:#3a3a3a;border-color:#666;color:#e6e6e6}body.dark .tool-btn.active{background:#07c;color:#fff;border-color:#07c}#quiltOuter{flex:1;min-height:0;border:1px solid #ccc;background:#fff;border-radius:8px;overflow:hidden;position:relative}#calcPanel{position:fixed;top:80px;right:0;height:calc(100% - 100px);width:400px;background:#fff;box-shadow:-2px 0 6px #00000026;border-radius:8px 0 0 8px;display:flex;flex-direction:column;transform:translate(390px);transition:transform .25s ease;z-index:9999;overflow:visible}#calcPanel.open{transform:translate(0)}#calcTab{position:absolute;left:-50px;top:40%;width:50px;height:140px;background:#07c;color:#fff;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px 0 0 8px;font-weight:700;font-size:14px}#calcPanelInner{padding:16px;overflow-y:auto;flex:1}#calcPanelInner label{display:block;margin-top:12px;font-size:14px}#calcPanelInner input[type=number]{width:100%;padding:6px;box-sizing:border-box;font-size:14px;margin-top:4px}#calcPanelInner button{margin-top:12px;padding:10px;width:100%;border:none;border-radius:4px;background:#07c;color:#fff;font-weight:700;cursor:pointer;font-size:14px}#calcPanelInner button:hover{background:#005fa3}.calc-output{margin-top:8px;font-family:Consolas,monospace;white-space:pre-line;font-size:13px;background:#fafafa;border:1px solid #eee;padding:6px;border-radius:4px;min-height:24px}#stripCalcOutput{line-height:1.4}body.dark{background:#1e1e1e;color:#e6e6e6}body.dark .panel,body.dark #calcPanel{background:#2b2b2b;color:#e6e6e6}body.dark input[type=text],body.dark input[type=number],body.dark select{background:#3a3a3a;color:#fff;border:1px solid #555}body.dark .cp-divider{border-color:#444}body.dark .cp-file-btn{border-color:#555;color:#ccc}body.dark .mode-toggle{border-color:#555}body.dark .mode-toggle button{color:#bbb}body.dark .calc-output{background:#3a3a3a;border-color:#555;color:#fff}.dark-toggle{position:absolute;top:20px;right:20px;background:#07c;color:#fff;padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-size:14px}body.dark .dark-toggle{background:#444}body.dark #quiltOuter{background:#2b2b2b;border-color:#555}body{--page: #f3eee5;--surface: #fffaf1;--field: #f3ede2;--line: #dcd0c1;--text: #403731;--muted: #76695f;--accent: #654383;--hover: #513269;--canvas: #e8dfd2;--shadow: 0 8px 30px #493a2c10;background:var(--page);color:var(--text);padding:22px 28px 12px;font-family:Segoe UI,sans-serif;font-size:14px;color-scheme:light}body.dark{--page: #211e20;--surface: #2d282b;--field: #373033;--line: #51464b;--text: #f5ece0;--muted: #c3b3b3;--accent: #b08bcc;--hover: #c3a0dc;--canvas: #252124;--shadow: 0 8px 30px #0002;background:var(--page);color:var(--text);color-scheme:dark}body:not(.dark){background:var(--page);color:var(--text);color-scheme:light}body:not(.dark) .panel,body:not(.dark) #calcPanel{background:var(--surface);color:var(--text)}body:not(.dark) input[type=text],body:not(.dark) input[type=number],body:not(.dark) select{background:var(--field);color:var(--text);border-color:var(--line)}body:not(.dark) #quiltOuter{background-color:var(--canvas);border-color:var(--line)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}:focus-visible{outline:3px solid #c58d48;outline-offset:3px}.studio-header,.studio-brand,.header-actions,.studio-intro,.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.studio-header{padding-bottom:20px;border-bottom:1px dashed var(--line)}.studio-brand{justify-content:flex-start;gap:12px}.quilt-mark{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;border-radius:50%;background:#f4ecde;border:1px dashed #b4a08d}.quilt-mark svg{width:100%;height:100%;padding:3px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--muted)}h1{margin:2px 0 0;font-size:23px;letter-spacing:-.6px;font-weight:650}.studio-intro{padding:18px 0}.studio-intro h2{margin:0 0 4px;font:24px Georgia,serif;letter-spacing:-.5px}.studio-intro p{margin:0;color:var(--muted);font-size:13px}.local-badge{font-size:12px;color:var(--muted)}.tutorial-button{border:1px solid rgba(101,67,131,.32);background:linear-gradient(145deg,#c49ae233,#7749971f);color:var(--text);border-radius:999px;padding:9px 16px;cursor:pointer;letter-spacing:.02em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.tutorial-button:hover{background:#c49ae233;border-color:#e0bef1a6;transform:translateY(-1px)}.block-count{padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:30px;white-space:nowrap;font-size:12px}.block-count span{margin:0 5px;color:var(--muted)}.dark-toggle,body.dark .dark-toggle{position:static;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 16px}.main-layout{margin-top:0;gap:18px}.panel,body.dark .panel{background:var(--surface);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;padding:20px}.controls{width:355px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.controls h2{font-size:17px;margin-bottom:22px}.controls-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.controls-title-row h2{margin:0}.reset-grid-button{padding:8px 14px;border-radius:999px}.settings-group h4{margin:16px 0 10px;font-size:13px}.region-upload{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 18px}.region-upload>span{flex-basis:100%}.zoom-row button[aria-pressed=true]{background:var(--accent);color:var(--page);border-color:var(--accent)}.cp-section-label{color:var(--accent);font-size:11px;letter-spacing:.12em;font-weight:750;margin-bottom:12px}.cp-divider,body.dark .cp-divider{border-color:var(--line);border-top-style:dashed;margin:22px 0}.cp-field label,.cp-sublabel,.cp-help-text{color:var(--muted);line-height:1.5}.cp-help-text{font-size:12px;margin:0 0 14px}.cp-field input[type=number]{width:100%}input[type=number],select,body.dark input[type=number],body.dark select{padding:9px 10px;background:var(--field);border:1px solid var(--line);color:var(--text);border-radius:8px;min-height:38px}.cp-col-2{gap:10px}.cp-grid-row{gap:12px}.cp-build-area{flex-shrink:1}.cp-warning{color:#bb8550;font-size:10px}.cp-border-row,.cp-fabric-row{margin-bottom:8px}.cp-color-val{height:36px;border-radius:8px;border:1px solid var(--line)}.btn-primary,#calcPanelInner button{background:var(--accent);color:var(--page);border-radius:8px;font-weight:650;padding:10px 12px}.btn-primary:hover,#calcPanelInner button:hover{background:var(--hover)}body.dark .btn-primary,body.dark #calcPanelInner button,body.dark #calcTab,body.dark .mode-toggle button.active{background:#69458a;color:#fff5ff}body.dark .btn-primary:hover,body.dark #calcPanelInner button:hover{background:#7b559d}.cp-file-btn,body.dark .cp-file-btn{background:var(--field);border:1px dashed var(--line);border-radius:8px;color:var(--text);padding:10px;min-width:0}.cp-file-btn:hover{border-color:var(--accent)}.cp-file-btn--loaded,body.dark .cp-file-btn--loaded{border-style:solid;border-color:var(--accent);color:var(--accent)}.cp-select-btn--active{background:var(--accent)!important;color:var(--page)}.cp-clear-btn{border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:8px;padding:8px}.mode-toggle,body.dark .mode-toggle{padding:4px;border-radius:10px;border:1px solid var(--line);background:var(--field)}.mode-toggle button,body.dark .mode-toggle button{border-radius:7px;color:var(--muted)}.mode-toggle button.active{background:var(--accent);color:var(--page)}.toggle-switch input:checked+.slider{background:var(--accent)}.cp-palette-swatch{border-radius:10px;height:50px}.cp-palette-swatch--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--accent)}.grid-wrapper{padding:14px}.zoom-row{flex-wrap:wrap;gap:12px;padding:0 2px 12px;margin:0;font-size:12px}.zoom-row button{background:var(--field);color:var(--text);border:1px solid var(--line);padding:8px 12px;border-radius:8px}.zoom-row>button{border-color:#65438352;background:linear-gradient(145deg,#c49ae233,#7749971f);color:var(--text)}.zoom-row>button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.zoom-row>button:hover:not(:disabled){background:linear-gradient(145deg,#c49ae252,#77499733);border-color:var(--accent)}.zoom-row strong{color:var(--muted);font-weight:500;margin-left:auto}.zoom-row input[type=range]{width:110px;accent-color:var(--accent)}.block-number-toggle{display:flex;align-items:center;gap:6px;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent)}#quiltOuter,body.dark #quiltOuter{border:1px solid var(--line);border-radius:12px;background-color:var(--canvas);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px}#quiltOuter canvas{box-shadow:0 10px 35px #0002}.studio-footer{padding-top:12px;font-size:11px;color:var(--muted)}#calcPanel,body.dark #calcPanel{top:175px;height:calc(100% - 205px);width:360px;transform:translate(100%);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px 0 0 16px}#calcTab{top:24px;left:-35px;width:35px;height:145px;border:0;background:var(--accent);color:var(--page);font-size:12px;letter-spacing:.03em}#calcPanelInner{padding:22px}#calcPanelInner h2{font:23px Georgia,serif}#calcPanelInner h3{font-size:15px}#calcPanelInner hr{border:0;border-top:1px solid var(--line);margin:24px 0}.calc-output,body.dark .calc-output{background:var(--field);color:var(--text);border-color:var(--line);border-radius:9px;padding:12px;line-height:1.7}@media(max-width:1000px){body{padding:16px}.controls{width:320px;padding:16px}.studio-footer{flex-wrap:wrap;gap:4px}}@media(max-width:720px){body{overflow:auto;height:auto;padding:12px}#root{height:auto}h1{font-size:18px}.quilt-mark{width:38px;height:38px}.eyebrow{font-size:8px}.studio-header{gap:8px}.dark-toggle{padding:8px;font-size:11px}.studio-intro{align-items:flex-start;flex-direction:column;gap:12px}.studio-intro h2{font-size:22px}.main-layout{flex-direction:column}.grid-wrapper{order:-1;flex:none;height:62vh;min-height:400px}.controls{width:100%;overflow:visible}.studio-footer{line-height:1.6}#calcPanel,body.dark #calcPanel{width:min(360px,calc(100vw - 42px));top:110px;height:calc(100dvh - 130px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.cp-collapse{display:flex;align-items:center;width:100%;min-height:36px;padding:8px 10px;margin:4px 0 12px;border:1px solid rgba(194,145,224,.28);border-radius:10px;background:#c291e017;color:#d8b8ee;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer}.cp-collapse:hover{background:#c291e02b;border-color:#c291e080}.settings-group{padding:8px 0 14px}.settings-group>label{display:flex;flex-direction:column;gap:6px;margin:8px 0}.settings-group .cp-col-2 label{gap:6px}.cp-active-color-wrap{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;margin:12px 0;color:#d8cfe0;font-size:.82rem}.cp-active-color-wrap input[type=color]{width:54px;height:34px;padding:3px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#312b33;cursor:pointer}.cp-active-color-wrap span{grid-column:1 / -1;color:#b9a9c3;font-family:ui-monospace,monospace}.cp-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0 14px}.cp-palette-swatch{min-height:46px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35);cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.cp-palette-swatch:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 6px 14px #0000003d}.cp-palette-swatch:active{transform:translateY(0)}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 14px}.mode-toggle button{border-radius:9px;padding:8px;border:1px solid rgba(194,145,224,.28);background:#ffffff0d;color:#cfc4d6;cursor:pointer}.mode-toggle button.active{background:#a96fd0;color:#fff;border-color:#c18ee7;box-shadow:0 4px 12px #a96fd040}.paint-group{padding:12px;margin:8px 0 14px;border:1px solid rgba(194,145,224,.22);border-radius:14px;background:linear-gradient(145deg,#c291e01a,#ffffff06);box-shadow:inset 0 1px #ffffff0a}.paint-group .cp-collapse{margin:0 0 12px;background:transparent;border:0;border-bottom:1px solid rgba(194,145,224,.22);border-radius:0;padding:4px 2px 11px}.paint-group .cp-help-text{margin:0 2px 12px;line-height:1.45;color:#cbbcd5}.paint-group .mode-toggle{padding:4px;border-radius:11px;background:#0000002e;border:1px solid rgba(255,255,255,.08)}.paint-group .mode-toggle button{border:0}.paint-group .cp-active-color-wrap{padding:10px;border-radius:10px;background:#00000029;border:1px solid rgba(255,255,255,.08)}.paint-group .cp-palette-grid{gap:8px}.paint-group .cp-fabric-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin:8px 0;padding:8px;border-radius:10px;background:#00000024;border:1px solid rgba(255,255,255,.07)}.paint-group .cp-fabric-row .cp-file-btn{min-width:0}.paint-group .cp-fabric-row .btn-primary{min-width:54px;padding:7px 10px}.controls{padding:18px 14px}.controls h2,#calcPanelInner h2{letter-spacing:-.02em;color:#fff8ff}.controls .settings-group{margin:10px 0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff06}.controls .settings-group>label{color:#d9cede;font-size:.82rem}.controls input[type=number],.controls input[type=text]{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#302a32;color:#fff;padding:9px 10px;outline:none}.controls input[type=number]:focus,.controls input[type=text]:focus{border-color:#bf8ee6;box-shadow:0 0 0 3px #bf8ee629}.controls input[type=color]{width:100%;height:38px;padding:3px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#302a32;cursor:pointer}.controls .btn-primary,.controls .cp-file-btn{border-radius:9px;transition:transform .15s ease,box-shadow .15s ease}.controls .btn-primary:hover,.controls .cp-file-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px #0003}#calcPanelInner{border:1px solid rgba(194,145,224,.25);border-radius:16px;background:linear-gradient(145deg,#302832,#211e24);box-shadow:0 18px 40px #00000047;padding:20px}#calcPanelInner label{display:flex;flex-direction:column;gap:7px;color:#ded2e4;font-size:.84rem;margin:13px 0}#calcPanelInner input[type=number]{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#29242b;color:#fff;padding:10px;outline:none}#calcPanelInner input[type=number]:focus{border-color:#bf8ee6;box-shadow:0 0 0 3px #bf8ee629}#calcPanelInner button{border-radius:9px;padding:10px 13px;background:#a96fd0;color:#fff;border:0;font-weight:700;cursor:pointer}#calcPanelInner button:hover{background:#b980df}.calc-output{margin:10px 0;padding:12px;border-radius:10px;background:#0000002e;border:1px solid rgba(255,255,255,.07);color:#eee3f2;line-height:1.55}.calc-help{margin:-6px 0 16px;color:#cbbcd5;font-size:.84rem;line-height:1.4}#calcPanelInner h3{color:#d8b8ee;margin-top:18px}#calcPanelInner hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:18px 0}.calc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 18px;padding:4px;border-radius:11px;background:#0003}.calc-tabs button{border:0!important;background:transparent!important;color:#cbbcd5!important;padding:9px!important}.calc-tabs button.active{background:#a96fd0!important;color:#fff!important}#fabricTotalsTab{position:absolute;right:0;top:155px;writing-mode:vertical-rl;border:0;border-radius:10px 0 0 10px;padding:14px 9px;background:#8d5caf;color:#fff;font-weight:700;cursor:pointer}#fabricTotalsTab[aria-expanded=true]{background:#b47bd8}.calc-tabs{display:none}#fabricTotalsPanel{position:fixed;right:0;top:22%;width:320px;max-height:60vh;overflow:auto;padding:20px;transform:translate(105%);transition:transform .22s ease;z-index:20;border:1px solid rgba(194,145,224,.3);border-radius:16px 0 0 16px;background:#28222a;box-shadow:0 18px 45px #00000059}#fabricTotalsPanel.open{transform:translate(0)}.fabric-totals-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fabric-totals-head button{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff14;color:#fff;padding:7px 10px;cursor:pointer}#calcPanel{right:44px}#calcPanel{right:0}#fabricTotalsTab{top:330px;right:0;border-radius:10px 0 0 10px}@media(max-width:760px){#calcPanel{right:0}}#calcPanel,body.dark #calcPanel{position:fixed;right:0;left:auto;top:120px;width:min(390px,calc(100vw - 46px));height:calc(100dvh - 150px);transform:translate(100%);border-radius:18px 0 0 18px;z-index:30;overflow:visible}#calcPanel.open,body.dark #calcPanel.open{transform:translate(0)}#calcTab{position:absolute;left:auto;right:-38px;top:0;width:38px;height:150px;border-radius:0 10px 10px 0;writing-mode:vertical-rl;transform:rotate(180deg);z-index:31}#fabricTotalsTab{position:fixed;right:0;top:286px;width:38px;min-height:140px;border-radius:10px 0 0 10px;writing-mode:vertical-rl;transform:rotate(180deg);z-index:32}#calcPanelInner{height:100%;overflow-y:auto;box-sizing:border-box;border-radius:18px 0 0 18px}#fabricTotalsPanel{top:120px;right:0;width:min(390px,calc(100vw - 46px));max-height:calc(100dvh - 150px);border-radius:18px 0 0 18px;z-index:40}#calcTab{left:-38px;right:auto}#calcTab{position:fixed;right:0;left:auto;top:120px;width:38px;height:150px;border-radius:10px 0 0 10px;writing-mode:vertical-rl;transform:rotate(180deg);z-index:50}#fabricTotalsTab{position:fixed;right:0;top:286px;z-index:50}#calcTab{right:min(390px,calc(100vw - 46px));left:auto;top:120px;border-radius:10px 0 0 10px;transform:none;writing-mode:vertical-rl}#fabricTotalsTab{right:min(390px,calc(100vw - 46px));top:286px;border-radius:10px 0 0 10px;transform:none;writing-mode:vertical-rl}@media(max-width:760px){#calcTab,#fabricTotalsTab{right:min(390px,calc(100vw - 46px))}}#calcTab,#fabricTotalsTab{right:0}#calcTab.tab-attached,#fabricTotalsTab.tab-attached{right:min(390px,calc(100vw - 46px))}@media(max-width:760px){#calcTab.tab-attached,#fabricTotalsTab.tab-attached{right:min(390px,calc(100vw - 46px))}}:root{--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--radius-sm: 9px;--radius-md: 14px;--radius-lg: 18px;--lavender: #c49ae2;--cream: #fff8e8}*{box-sizing:border-box}body{color:#f4edf5;background:#1e1a20}button,input{font:inherit}button{transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}button:focus-visible,input:focus-visible{outline:2px solid var(--lavender);outline-offset:2px}.studio-header{padding:22px 28px 18px;border-bottom:1px solid rgba(196,154,226,.2)}.studio-intro{padding:22px 28px 16px;max-width:1500px;margin:0 auto}.main-layout{gap:22px;padding:0 22px 22px;max-width:1500px;margin:0 auto}.panel{border-radius:var(--radius-lg);border:1px solid rgba(196,154,226,.22);box-shadow:0 18px 45px #0000002e}.controls{padding:18px}.controls h2{margin:0 0 18px;color:var(--cream)}.settings-group{margin:12px 0;padding:14px;border-radius:var(--radius-md)}.grid-wrapper{padding:18px}.zoom-row{gap:10px;padding:0 0 14px}.zoom-row button{border-radius:var(--radius-sm)}.cp-divider{margin:16px 0;border-color:#c49ae226}.cp-fabric-row{gap:8px;margin:8px 0}.cp-file-btn,.btn-primary{min-height:38px;border-radius:var(--radius-sm)}.studio-footer{max-width:1500px;margin:0 auto;padding:12px 28px 22px;color:#b9a9c3}.studio-intro,.main-layout,.studio-footer{max-width:none;width:100%}.studio-footer{display:flex;align-items:center;gap:18px}.footer-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex:1}.footer-actions button{position:relative;min-width:132px;border:1px solid rgba(196,154,226,.34);background:linear-gradient(145deg,#c49ae229,#77499721);color:#f7f0f8;border-radius:999px;padding:10px 16px;font:600 12px/1.1 inherit;letter-spacing:.02em;cursor:pointer;box-shadow:0 5px 16px #00000024,inset 0 1px #ffffff14;transition:background .15s ease,transform .15s ease,border-color .15s ease,box-shadow .15s ease}.footer-actions button:first-child:before{content:"♥";color:#e2b9ef;margin-right:7px}.footer-actions button:last-child:before{content:"✦";color:#e2b9ef;margin-right:7px}.footer-actions button:hover{background:linear-gradient(145deg,#c49ae247,#7749973d);border-color:#e0bef1b8;transform:translateY(-2px);box-shadow:0 8px 20px #351c454d,inset 0 1px #ffffff1f}.footer-actions button:active{transform:translateY(0)}@media(max-width:900px){.studio-footer{flex-wrap:wrap}.footer-actions{order:3;flex-basis:100%}}.main-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.grid-wrapper{min-width:0;min-height:680px}.studio-intro{margin-top:-42px;padding-top:0;padding-bottom:18px;position:relative;z-index:1}@media(max-width:760px){.studio-intro{margin-top:0;padding-top:16px}}.studio-intro{margin-top:0;padding-top:18px;padding-bottom:14px}.studio-header{position:relative;min-height:116px}.header-actions{position:fixed;top:22px;right:28px;z-index:100;pointer-events:auto}.header-actions button{position:relative;z-index:21;pointer-events:auto}.header-actions{width:212px;justify-content:flex-end}.header-actions .tutorial-button{width:78px;text-align:center;white-space:nowrap}.header-actions .dark-toggle{width:104px;text-align:center;white-space:nowrap}.studio-intro{position:absolute;top:40px;left:360px;right:300px;margin:0;padding:0}.studio-intro h2{margin:0 0 5px;font-size:1.55rem}.studio-intro p{margin:0}@media(max-width:900px){.studio-intro{position:static;padding:16px 20px}}@media(max-width:720px){.header-actions{top:14px;right:14px;gap:8px}}body:not(.dark) .controls h2,body:not(.dark) #calcPanelInner h2{color:var(--text)}body:not(.dark) .controls .settings-group{border-color:#65438324;background:#65438309}body:not(.dark) .controls .settings-group>label{color:var(--text)}body:not(.dark) #calcPanelInner{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow)}body:not(.dark) #calcPanelInner label{color:var(--text)}body:not(.dark) #calcPanelInner input[type=number]{border-color:var(--line);background:var(--field);color:var(--text)}body:not(.dark) #calcPanelInner h3{color:var(--accent)}body:not(.dark) #calcPanelInner hr{border-top-color:var(--line)}body:not(.dark) .cp-collapse{background:#6543830d;border-color:#65438333;color:var(--accent)}body:not(.dark){background:var(--page);color:var(--text)}body:not(.dark) .studio-footer{color:var(--muted)}body:not(.dark) .footer-actions button{color:var(--accent);box-shadow:0 5px 16px #493a2c1a,inset 0 1px #ffffffa6}body:not(.dark) .calc-output{background:var(--field);color:var(--text);border-color:var(--line)}body:not(.dark) #fabricTotalsPanel{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}body:not(.dark) .fabric-totals-head button{background:var(--field);color:var(--text);border-color:var(--line)}body:not(.dark) .controls input[type=color]{background:var(--field);border-color:var(--line)}body:not(.dark) .cp-color-val{border:1px solid var(--line);box-shadow:none}body:not(.dark) .cp-color-val-text{color:var(--text);text-shadow:none}.fabric-totals-help{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.55}.fabric-totals-help h3{margin:0 0 8px;color:var(--accent);font-size:14px}.fabric-totals-help p{margin:7px 0}body:not(.dark) .paint-group{background:#6543830b;border-color:#6543832e}body:not(.dark) .paint-group .mode-toggle{background:var(--field);border-color:var(--line)}body:not(.dark) .paint-group .cp-active-color-wrap,body:not(.dark) .paint-group .cp-fabric-row{background:var(--field);border-color:var(--line)}#calcTab,#fabricTotalsTab{top:135px}#fabricTotalsTab{top:301px}#calcPanel:not(.open),#fabricTotalsPanel:not(.open){pointer-events:none}#calcPanel.open,#fabricTotalsPanel.open{pointer-events:auto}.tutorial-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:#19121d94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-card{width:min(460px,100%);padding:28px;border:1px solid rgba(196,154,226,.42);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px #00000059}.tutorial-kicker{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.tutorial-progress{float:right;color:var(--muted);font-size:12px}.tutorial-card h2{margin:24px 0 8px;font:25px Georgia,serif}.tutorial-card p{min-height:72px;margin:0;color:var(--muted);line-height:1.65}.tutorial-tip{display:flex;flex-direction:column;gap:4px;margin-top:16px;padding:11px 13px;border-left:3px solid var(--accent);border-radius:0 9px 9px 0;background:#c49ae21a;color:var(--muted);font-size:12px;line-height:1.5}.tutorial-tip strong{color:var(--accent);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.tutorial-dots{display:flex;gap:7px;margin:24px 0}.tutorial-dots span{width:8px;height:8px;border-radius:50%;background:var(--line)}.tutorial-dots span.active{width:24px;border-radius:99px;background:var(--accent)}.tutorial-actions{display:flex;justify-content:flex-end;gap:9px}.tutorial-actions button{border:1px solid var(--line);border-radius:999px;padding:9px 15px;background:var(--field);color:var(--text)}.tutorial-actions .tutorial-next{border-color:var(--accent);background:var(--accent);color:#fff}.tutorial-actions .tutorial-skip{margin-right:auto;background:transparent;color:var(--muted)}.puzzle-page{color:var(--text);background:var(--page);min-height:100vh;width:100%}.puzzle-page.studio-shell{height:auto}.puzzle-page .studio-header .header-actions button{background:#392f3f;color:#fff7ef;white-space:nowrap}.puzzle-page h1,.puzzle-page h2,.puzzle-page h3,.puzzle-setup h2{font-family:Georgia,serif;font-weight:400}.puzzle-page h1{font-size:clamp(32px,4vw,48px);margin:10px 0}.puzzle-page h2{font-size:25px;margin:0 0 14px}.puzzle-page h3{font-size:21px;margin:18px 0 12px}.puzzle-page p,.puzzle-setup p{line-height:1.55}.puzzle-page a{color:var(--accent)}.puzzle-intro{max-width:1120px;margin:0 auto;padding:26px 24px}.puzzle-intro p{max-width:780px;margin:10px 0 18px}.puzzle-layout{display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:20px;max-width:1380px;margin:0 auto;padding:0 clamp(20px,7vw,120px) 30px;align-items:start}.puzzle-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:22px;min-width:0;box-shadow:var(--shadow)}.puzzle-workspace{grid-column:2;grid-row:1 / span 2}.puzzle-workspace-heading{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center}.puzzle-workspace-heading strong{background:var(--field);padding:10px 14px;border-radius:20px;font-size:14px}.puzzle-workspace>p{font-size:13px;color:var(--muted)}.puzzle-selected{grid-column:1;grid-row:1}.puzzle-settings{grid-column:1;grid-row:2}.puzzle-page button,.puzzle-setup button{border:1px solid var(--line);border-radius:22px;padding:10px 14px;background:var(--field);color:var(--text);cursor:pointer;font:inherit;font-size:13px;min-height:40px}.puzzle-page button:hover,.puzzle-setup button:hover{border-color:var(--accent)}.puzzle-page button:focus-visible,.puzzle-page a:focus-visible,.puzzle-page input:focus-visible,.puzzle-page select:focus-visible,.puzzle-setup :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.puzzle-page button:disabled{opacity:.5;cursor:default}.puzzle-page button.puzzle-primary,.puzzle-page button[aria-pressed=true]{background:#70488d;color:#fff;border-color:#70488d}.puzzle-page label,.puzzle-setup label{display:grid;gap:6px;margin:12px 0;font-size:13px;min-width:0}.puzzle-page input,.puzzle-page select,.puzzle-setup input,.puzzle-setup select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit}.puzzle-page input[type=color]{height:42px;padding:4px}.puzzle-page input[hidden]{display:none}.puzzle-page input[type=file]{font-size:12px}.puzzle-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.puzzle-actions,.puzzle-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.puzzle-tabs{padding-bottom:14px;border-bottom:1px solid var(--line)}.puzzle-selected p,.puzzle-settings p{font-size:13px;overflow-wrap:anywhere}.puzzle-preview{position:relative;margin:18px auto;max-width:640px}.puzzle-preview>svg{display:block;width:100%;height:auto;touch-action:none;overflow:visible}.puzzle-preview g[role=button]{cursor:grab;outline:none}.puzzle-preview g[role=button]:focus-visible>rect:last-of-type{stroke:#dd9932;stroke-width:.6}.puzzle-preview .puzzle-resize{cursor:nwse-resize}.puzzle-invalid{position:absolute;bottom:8px;left:8px;right:8px;background:#7c2430;color:#fff;padding:10px;border-radius:10px;font-size:13px;pointer-events:none}.puzzle-legend span{display:inline-block;width:15px;height:15px;margin-right:5px;background:repeating-linear-gradient(135deg,var(--field) 0 4px,var(--line) 4px 5px);vertical-align:middle}.puzzle-empty{text-align:center}.puzzle-block-list{display:grid;gap:8px;max-height:300px;overflow:auto;margin-top:12px}.puzzle-shirts article{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;border-top:1px solid var(--line);padding:14px 0;font-size:13px}.puzzle-shirts img{width:65px;height:85px;object-fit:contain;border-radius:8px;background:var(--field)}.puzzle-shirts p{margin:6px 0}.puzzle-messages{grid-column:1 / -1;padding:14px 18px;background:var(--field);border-radius:14px;position:sticky;bottom:8px;z-index:2;border:1px solid var(--line)}.puzzle-messages p{margin:0 0 4px;font-weight:600}.puzzle-messages p:empty{display:none}.puzzle-messages small{color:var(--muted)}.puzzle-cutting{grid-column:1 / -1}.puzzle-table-scroll{overflow:auto}.puzzle-cutting table{width:100%;border-collapse:collapse;font-size:14px}.puzzle-cutting th,.puzzle-cutting td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.puzzle-cutting td{min-width:110px;overflow-wrap:anywhere}.puzzle-cutting thead{background:var(--field)}.puzzle-setup{box-sizing:border-box;width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text)}.puzzle-setup::backdrop{background:#17101bcc}.puzzle-setup fieldset{border:1px solid var(--line);border-radius:12px;margin:14px 0}.puzzle-setup>button{margin-top:12px}@media(max-width:1000px){.puzzle-layout{padding:0 20px 24px;grid-template-columns:1fr 1fr}.puzzle-workspace{grid-column:1 / -1;grid-row:1}.puzzle-selected{grid-column:1;grid-row:2}.puzzle-settings{grid-column:2;grid-row:2}}@media(max-width:600px){.puzzle-layout{display:flex;flex-direction:column;gap:14px;padding:0 10px 20px}.puzzle-card,.puzzle-messages{width:100%;box-sizing:border-box;padding:16px}.puzzle-workspace{order:0}.puzzle-selected{order:1}.puzzle-settings{order:2}.puzzle-messages{order:3;position:sticky;bottom:6px;max-height:130px;overflow:auto}.puzzle-cutting{order:4}.puzzle-intro{padding:20px 16px}.puzzle-page .studio-header{padding:16px;gap:16px;flex-wrap:wrap}.puzzle-page .header-actions{flex-wrap:wrap;gap:12px}.puzzle-preview{margin:12px -5px}}.puzzle-page-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:1600px;margin:auto;padding:0 24px 30px}.puzzle-page-layout .puzzle-layout{width:100%;max-width:none;margin:0;padding:0;grid-template-columns:minmax(270px,330px) minmax(0,1fr)}.puzzle-sidebar{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:20px;min-width:0}.puzzle-page-layout .puzzle-workspace{grid-column:2;grid-row:1}.puzzle-ad-rail{display:none}.puzzle-messages{position:static}.puzzle-messages[hidden]{display:none}@media(min-width:1400px){.puzzle-page-layout{grid-template-columns:minmax(0,1fr) 160px}.puzzle-ad-rail{display:block;height:600px;border:1px dashed var(--line);border-radius:12px;padding:20px 8px;text-align:center;font-size:11px;color:var(--muted)}}@media(max-width:900px){.puzzle-page-layout{padding:0 16px 24px}.puzzle-page-layout .puzzle-layout{display:flex;flex-direction:column}.puzzle-sidebar{width:100%;order:1}.puzzle-page-layout .puzzle-workspace{width:100%;box-sizing:border-box;order:0}.puzzle-sidebar .puzzle-settings{order:0}.puzzle-sidebar .puzzle-selected{order:1}.puzzle-messages{order:2;position:static}.puzzle-cutting{order:3;width:100%}}body.website-reading{height:auto;min-height:100vh;overflow:auto;padding:0;background:var(--page);color:var(--text)}body.website-reading #root{height:auto}.web-guide-nav{display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.web-guide-nav details{position:relative}.web-guide-nav summary{cursor:pointer;color:var(--accent)}.web-guide-nav details>div{position:absolute;top:30px;left:0;width:min(530px,85vw);display:grid;gap:4px;background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:14px;z-index:110;box-shadow:var(--shadow);max-height:65vh;overflow:auto}.web-guide-nav details a{padding:8px;border-radius:5px}.web-guide-nav details a:hover{background:var(--field)}.guide-section{margin:36px 0}.guide-section ul{padding-left:24px;line-height:1.8}.website .guide-section a,.website .related-guides a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.related-guides>div{display:grid;gap:12px;margin-top:16px}.wide-article{max-width:none}.website .web-header nav .studio-nav-button,.studio-shell .header-actions .studio-nav-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;padding:10px 18px;border:1px solid #a582b7;border-radius:999px;background:linear-gradient(130deg,#8453a0,#694287);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}.studio-nav-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.supplies-checklist table{width:100%;table-layout:fixed}.supplies-checklist th:first-child{width:36%}.supplies-checklist th,.supplies-checklist td{overflow-wrap:anywhere}.supplies-checklist .supplies-extras{padding-left:22px}.supplies-extras li{margin:10px 0}.supplies-print{background:#70438d;color:#fff;border:1px solid #a582b7;border-radius:24px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.supplies-print:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.website .supplies-checklist .supplies-choice-note{font-size:15px;line-height:1.6}.supplies-planning-note{margin-top:32px}.website .supplies-planning-note p{margin-top:0}.website .supplies-planning-note a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.supplies-paper{display:none}@media print{@page{size:letter;margin:.5in}html:has(.supplies-paper),html:has(.supplies-paper) body{background:#fff!important;background-image:none!important}body.website-reading:has(.supplies-paper),body.website-reading:has(.supplies-paper) #root{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;color:#000!important}.website:has(.supplies-paper),.website:has(.supplies-paper) #website-main,.website:has(.supplies-paper) .web-article,.supplies-checklist{margin:0!important;padding:0!important;width:auto!important;max-width:none!important}.website:has(.supplies-paper)>:not(main),.website:has(.supplies-paper) .web-article>:not(.supplies-checklist),.supplies-checklist>:not(.supplies-paper){display:none!important}.website .supplies-paper{display:block!important;font:11pt/1.3 Arial,sans-serif;color:#000!important;background:#fff!important}.website:has(.supplies-paper),.website:has(.supplies-paper) main,.website:has(.supplies-paper) article,.supplies-checklist{background:#fff!important;border:0!important}.website .supplies-paper *{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.website .supplies-paper h1{font:700 20pt/1.2 Arial,sans-serif;margin:0 0 14pt}.website .supplies-paper h2{font:700 13pt/1.2 Arial,sans-serif;margin:12pt 0 7pt}.supplies-paper section{break-inside:avoid}.supplies-paper ul{list-style:none;padding:0;margin:0}.website .web-article .supplies-paper li{font:11pt/1.3 Arial,sans-serif;display:flex;align-items:flex-start;gap:9pt;margin:0 0 6pt;padding:0;break-inside:avoid}.paper-checkbox{display:block;flex:0 0 12pt;width:12pt;height:12pt;box-sizing:border-box;border:1.3pt solid #000;background:#fff!important;margin-top:1pt}.paper-notes{break-inside:avoid;margin-top:14pt}.paper-notes>div{height:20pt;border-bottom:.7pt solid #000}}.website .mistakes-section{max-width:960px;margin-inline:auto}.website .mistakes-section h1{font-size:clamp(28px,3.2vw,40px);line-height:1.18;margin-bottom:28px}.mistake-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.mistake-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.website .mistake-card h2{font:24px/1.25 Georgia,serif;margin:0 0 10px}.website .mistake-card p{font-size:16px;line-height:1.6;margin:0 0 14px}.mistake-action strong{display:block;color:var(--accent);font-size:14px;margin-bottom:3px}.website .mistake-card a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.mistake-card a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:2px}.mistake-card:focus-within{border-color:var(--accent)}@media(max-width:700px){.mistake-cards{grid-template-columns:1fr;gap:16px}.mistake-card{padding:20px}}.reference-table{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:22px 0}.reference-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}.reference-table caption{padding:18px;text-align:left;color:var(--muted)}.reference-table th,.reference-table td{padding:15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.reference-table thead{background:var(--field)}.reference-table tbody tr:last-child>*{border-bottom:0}.layout-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:30px 0}.layout-examples figure{margin:0;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.layout-sample{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1;gap:2px;padding:10px;background:#69458a}.layout-sample span{display:grid;place-items:center;color:#392646;background:#e7d5e9;font-weight:700}.layout-sample span:nth-child(2n){background:#bacfbd}.layout-sample.framed{box-sizing:border-box;gap:14px;padding:0;border:18px solid #a68bb5}.layout-sample.two-color{box-sizing:border-box;border:16px solid #70438d;padding:12px;gap:12px;background:#a68bb5}.layout-sample.two-color span{background:#e4dbce}.layout-sample.two-color span:nth-child(3n+2){background:#bdc9c3}.layout-sample.two-color span:nth-child(3n){background:#d5bdc3}.layout-sample.puzzle{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:5px}.layout-sample.puzzle span:nth-child(1){grid-column:span 2;grid-row:span 2}.layout-sample.puzzle span:nth-child(2){grid-column:span 2}.layout-sample.puzzle span:nth-child(5){grid-column:3 / 5;grid-row:3 / 5}.layout-sample.puzzle span:nth-child(6){grid-column:1 / 3;grid-row:3}.layout-sample.puzzle span:nth-child(7){grid-column:1 / 3;grid-row:4}@media(max-width:720px){.layout-examples{grid-template-columns:1fr}}.website{max-width:1480px;margin:auto;padding:0 40px}.website a{color:inherit;text-decoration:none}.guide-photo{margin:24px 0;max-width:760px}.guide-photo img{width:100%;max-height:460px;object-fit:contain;display:block;border-radius:14px;border:1px solid var(--line);background:var(--field)}.guide-photo figcaption{color:var(--muted);font-size:13px;margin-top:8px}.page-editor{margin:22px 0 28px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.page-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.page-editor-actions button{border:1px solid var(--accent);border-radius:999px;padding:9px 15px;background:var(--accent);color:#fff;cursor:pointer;font:inherit}.page-editor-actions button+button{background:transparent;color:var(--accent)}.page-editor-fields{display:grid;gap:14px;margin-top:16px}.page-editor-fields label{display:grid;gap:6px;color:var(--muted);font-size:13px}.page-editor-fields input,.page-editor-fields textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--field);color:var(--text);font:inherit}.page-editor-preview{margin-top:16px;padding:14px;border-radius:10px;background:var(--field)}.page-editor-preview h2{margin:0 0 6px;font-size:20px}.page-editor-preview p{white-space:pre-wrap}.web-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}.web-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:750;letter-spacing:.14em}.web-brand small{display:block;margin-top:7px;color:var(--muted);letter-spacing:0;font-size:11px;font-weight:400}.web-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:20px;font-size:13px}.web-header nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}.web-header button{border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);padding:10px 14px}.website .web-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:28px;background:#69458a;color:#fff;font-size:14px;font-weight:650;border:1px solid #9165b1}.website .web-button.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.website a:hover{color:var(--accent)}.website .web-button:hover{background:#8054a3;color:#fff}.web-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:80px;padding:90px 0}.web-eyebrow{display:block;color:var(--accent);font-size:11px;letter-spacing:.18em;font-weight:750;margin-bottom:18px}.website h1{font:clamp(34px,4.2vw,62px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0 0 24px}.website h1 em{color:var(--accent);font-weight:400}.website h2{font:30px/1.2 Georgia,serif;margin:0 0 16px}.website h3{font:26px/1.2 Georgia,serif;margin:18px 0 12px}.website p{color:var(--muted);line-height:1.8}.web-hero p,.web-lead{font-size:17px;max-width:670px}.web-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:28px 0}.web-note{color:var(--muted);font-size:12px}.memory-quilt{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;gap:9px;padding:24px;border:10px solid #69458a;outline:1px dashed #ba99cf;outline-offset:-6px;background:#bfa6ca;transform:rotate(3deg);box-shadow:0 24px 55px #0003}.memory-quilt span{display:grid;place-items:center;text-align:center;color:#45344a;padding:8px;font:italic clamp(14px,1.6vw,24px) Georgia,serif;background:#ebddcd;border:1px dashed #98849e}.memory-quilt span:nth-child(3n){background:#c6d5c7}.memory-quilt span:nth-child(4n){background:repeating-linear-gradient(45deg,#d6b5cc,#d6b5cc 5px,#dfc2d7 5px 8px)}.web-section{padding:55px 0 75px}.web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.web-cards>a{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .18s,border-color .18s}.web-cards>a:hover{transform:translateY(-4px);border-color:var(--accent);color:var(--text)}.web-cards span{font-size:11px;letter-spacing:.1em;color:var(--accent);margin-bottom:16px}.web-cards b{color:var(--accent);font-size:13px;margin-top:auto;padding-top:16px}.web-cards h2{font-size:27px}.web-article{max-width:800px;margin:auto;padding:60px 0 85px}.web-article>a:first-child{display:block;margin-bottom:28px;color:var(--accent)}.web-article ol{padding-left:27px}.web-article li{padding:12px 0 12px 12px;font-size:17px;line-height:1.8}.web-article li::marker{color:var(--accent);font-weight:700}.web-article aside{border-left:3px solid var(--accent);padding:22px;background:var(--surface);border-radius:0 12px 12px 0;margin:24px 0}.web-article aside p{margin-bottom:0}.web-article details{padding:22px;margin:14px 0;border:1px solid var(--line);background:var(--surface);border-radius:12px}.web-article summary{cursor:pointer;font-weight:650;line-height:1.6}.web-article details a{color:var(--accent);text-decoration:underline}.web-footer{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:12px}.web-footer span{margin-right:auto}.studio-home-link{position:fixed;top:95px;right:28px;z-index:101;color:var(--accent);font-size:12px;text-decoration:none}@media(max-width:1050px){.web-header{flex-direction:column;align-items:flex-start}.web-hero{gap:35px;padding:55px 0}}@media(max-width:720px){.website{padding:0 22px}.web-hero{grid-template-columns:1fr}.memory-quilt{max-width:380px;width:90%;margin:15px auto}.web-cards{grid-template-columns:1fr}.web-header nav{gap:14px}.web-article{padding:35px 0}.studio-home-link{top:92px;right:14px}}.studio-chooser{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:32px;align-items:start;max-width:1240px;margin-inline:auto}.studio-chooser-content{min-width:0}.studio-chooser-content>h1{text-align:center}.studio-chooser-content>.web-lead{text-align:center;max-width:56ch;margin:16px auto 28px}.studio-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}.studio-choices>a{display:flex;flex-direction:column;min-width:0;color:var(--text);text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.studio-choices>a:hover{border-color:var(--accent)}.studio-choices>a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.website .studio-choices h2{font:26px/1.2 Georgia,serif;margin:22px 0 12px}.website .studio-choices p{font-size:16px;line-height:1.65;margin:0 0 24px}.studio-choices strong{display:block;margin-top:auto;padding:12px 10px;border-radius:24px;background:#70438d;color:#fff;text-align:center;font-size:14px;line-height:1.5}.studio-choice-photo{display:flex;align-items:center;justify-content:center;height:260px;overflow:hidden;background:var(--field);border-radius:10px}.studio-choice-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.studio-chooser-ad{box-sizing:border-box;width:332px;padding-left:31px;border-left:1px solid var(--line);margin-top:12px}.studio-ad-slot{box-sizing:border-box;width:300px;height:250px;background:var(--surface);border:1px dashed var(--line);border-radius:8px}.studio-ad-label{text-align:center;font-size:12px;color:var(--muted);margin:0 0 12px}@media(max-width:1199px){.studio-chooser{grid-template-columns:1fr;max-width:860px}.studio-chooser-ad{width:100%;margin-top:8px;padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.studio-ad-slot{margin-inline:auto}}@media(max-width:650px){.studio-choices{grid-template-columns:1fr}.studio-choice-photo{height:260px}.studio-choices>a{padding:18px}.studio-ad-slot{max-width:100%}}.website .web-guide-nav{font-size:16px}.website .web-guide-nav summary{min-height:44px;display:list-item;padding:12px 4px;box-sizing:border-box}.website .web-guide-nav details>.guide-topic-menu{top:100%;width:min(780px,calc(100vw - 64px));max-height:70vh;padding:24px;box-sizing:border-box;border-radius:6px}.guide-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;margin-top:24px}.guide-topics h3{font:25px Georgia,serif;margin:0 0 12px}.guide-topics ul{list-style:none;margin:0;padding:0}.guide-topics li{border-bottom:1px solid var(--line)}.website .guide-topics a{display:block;padding:14px 0;min-height:44px;box-sizing:border-box;text-decoration:none;line-height:1.6;border-radius:0}.guide-topics a span{display:block;font-size:18px;text-decoration:underline;text-underline-offset:4px}.guide-topics small{display:block;font-size:16px;color:var(--muted);margin-top:4px;line-height:1.65}.website .guide-topics a:hover{background:transparent;color:var(--text)}.website .guide-topics a:focus-visible,.website .guide-stage-list a:focus-visible,.website .web-guide-nav summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.guide-topics-compact{margin-top:20px;gap:24px}.guide-topics-compact h3{font-size:21px}.website .guide-topics-compact a{padding:10px 4px}.guide-topics-compact a span{font-size:16px}.guide-hub-link{display:block;min-height:44px;font-weight:700}.guide-stage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;list-style:none;padding:0;margin:0}.guide-stage-list li{border-top:1px solid var(--line)}.guide-stage-list a{display:flex;gap:20px;padding:28px 0;color:var(--text);text-decoration:none}.guide-step-number{flex:none;font:44px Georgia,serif;color:var(--accent);width:40px}.guide-step-label{font-size:14px;color:var(--muted)}.website .guide-stage-list h2{font:28px Georgia,serif;margin:6px 0 12px}.guide-stage-list p{font-size:18px;line-height:1.7;margin:0 0 14px}.guide-stage-list strong{color:var(--accent);font-size:16px;text-decoration:underline;text-underline-offset:4px}.guide-topic-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.guide-topic-section>p{font-size:18px;line-height:1.7;max-width:760px}@media(max-width:700px){.guide-stage-list,.guide-topics{grid-template-columns:1fr}.website .web-guide-nav details>.guide-topic-menu{width:calc(100vw - 44px);padding:18px}.guide-stage-list a{gap:12px}}.quilt-size-help{margin:32px 0}.website .quilt-size-help h2{font:26px Georgia,serif;margin:0 0 12px}.website .quilt-size-help p{font-size:16px;line-height:1.7;max-width:60ch}.panel-count-help{border-left:3px solid var(--accent);padding:4px 0 4px 20px;margin-bottom:32px}.website .panel-count-help p{margin:0}.size-example{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.size-example-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center;margin:22px 0}.size-example-quilt{display:block;width:100%;height:auto}.size-example-pieces{min-width:0}.size-example-pieces dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0}.size-example-pieces dt{font-size:12px;color:var(--muted);margin-bottom:3px}.size-example-pieces dd{margin:0;font-size:15px;line-height:1.5}.size-example-result{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.size-example-result span,.size-example-result small{display:block;font-size:12px;color:var(--muted)}.size-example-result strong{display:block;font:32px Georgia,serif;color:var(--accent);margin:5px 0}.website .size-example-note{font-size:14px;margin:0}.size-example-note a{display:block;margin-top:6px}.size-math{margin-top:20px;border-bottom:1px solid var(--line)}.size-math summary{padding:14px 0;cursor:pointer;color:var(--accent);font-weight:600}.size-math summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.size-math-content{padding:0 0 20px}.size-math-definitions{display:grid;gap:8px}.size-math-definitions>div{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px;font-size:14px}.size-math-definitions dt{font-weight:700;color:var(--accent)}.size-math-definitions dd{margin:0}.website .size-math h3{font:22px Georgia,serif;margin:24px 0 12px}.website .size-math .size-formula{font-family:ui-monospace,monospace;font-size:14px;line-height:1.8;background:var(--surface);padding:12px;border-radius:6px;overflow-wrap:anywhere}@media(max-width:650px){.size-example{padding:18px}.size-example-layout{grid-template-columns:1fr;gap:20px}.size-example-quilt{width:110px;margin:auto}.size-example-pieces dl{gap:12px}.size-example-result strong{font-size:30px}}.shirt-calculator .measurement-panel{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.website .shirt-calculator .compact-calculator-title{font:24px Georgia,serif;margin:0 0 6px}.website .shirt-calculator .measurement-intro{font-size:14px;line-height:1.5;margin:0 0 20px;color:var(--muted)}.shirt-calculator .shirt-measurements{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:22px}.shirt-calculator fieldset{min-width:0;border:0;padding:0;margin:0}.shirt-calculator legend{font-size:15px;font-weight:600;margin-bottom:12px;padding:0}.shirt-calculator legend small{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}.shirt-calculator .shirt-measurement-pair{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:8px}.shirt-calculator .shirt-edge-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.shirt-calculator label{display:grid;grid-template-rows:36px 44px auto;gap:5px;font-size:13px;line-height:1.3;align-content:start}.shirt-calculator input{min-width:0;box-sizing:border-box;width:100%;height:44px;padding:8px 10px;font-family:inherit;font-size:17px;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:6px}.shirt-calculator input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.shirt-calculator .sashing-border-toggle{cursor:pointer}.shirt-calculator .sashing-border-check{display:flex;align-items:center;height:44px}.shirt-calculator .sashing-border-check input{width:22px;height:22px;margin:0;padding:0;accent-color:var(--accent);cursor:pointer}.shirt-calculator label small{font-size:12px;color:var(--muted);line-height:1.4}.shirt-calculator .measurement-times{padding-top:51px;color:var(--muted)}.shirt-calculator .shirt-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:26px 0 8px}.shirt-calculator .shirt-results-heading h3{font:24px Georgia,serif;margin:0}.shirt-calculator .shirt-results-heading>span{font-size:12px;color:var(--muted)}.shirt-calculator .quilt-estimate-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.shirt-calculator caption{text-align:left;font-size:12px;color:var(--muted);padding:0 0 12px}.shirt-calculator .quilt-estimate-table th,.shirt-calculator .quilt-estimate-table td{text-align:left;padding:13px 8px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere}.shirt-calculator thead th{font-size:12px;color:var(--muted);font-weight:500}.shirt-calculator thead small{display:block;font-size:11px}.shirt-calculator tbody th{font-weight:500}.shirt-calculator .quilt-estimate-table th:last-child{width:25%}.shirt-calculator .estimate-finished{background:color-mix(in srgb,var(--accent) 10%,transparent)}.shirt-calculator .estimate-finished strong{font-size:18px;color:var(--accent);white-space:nowrap}.website .shirt-calculator .shirt-estimate-note{color:var(--muted);font-size:13px;line-height:1.6;margin:14px 0}.shirt-calculator .shirt-designer-link{display:inline-block;font-size:14px;padding:10px 0}@media(max-width:650px){.shirt-calculator .measurement-panel{padding:16px}.shirt-calculator .shirt-measurements{grid-template-columns:1fr;gap:20px}.shirt-calculator label{grid-template-rows:auto 44px auto}.shirt-calculator .shirt-edge-inputs label{grid-template-rows:36px 44px auto}.shirt-calculator .measurement-times{padding-top:32px}.shirt-calculator .quilt-estimate-table,.shirt-calculator tbody{display:block}.shirt-calculator thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.shirt-calculator tr{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:12px 0;gap:8px 16px}.shirt-calculator .quilt-estimate-table tbody th{grid-column:1 / -1;font:20px Georgia,serif}.shirt-calculator .quilt-estimate-table th,.shirt-calculator .quilt-estimate-table td{border:0;padding:0;width:auto}.shirt-calculator td:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:3px}.shirt-calculator .estimate-finished{background:none}.shirt-calculator caption{display:block}}.website.website-home{max-width:none;padding:0}.website-home .web-header{padding:14px max(5vw,24px);background:#211e20;color:#fff7ec;gap:20px}.website-home .web-brand .quilt-mark{width:49px;height:49px}.website-home .web-brand small{color:#d7cec9}.website-home .web-header nav{gap:18px;font-size:12px}.website-home .web-header button{background:#30292e;color:#fff5ea;border-color:#62535f}.website-home .web-header .web-button{padding:10px 19px;font-size:12px}.website-home .web-guide-nav{background:#211e20;color:#e9dcec;padding:8px max(5vw,24px);font-size:11px;gap:20px}.website-home .web-guide-nav details>div{color:var(--text)}.home-landing{color:#22152e;background:#f8f1e7}.home-contained{max-width:1320px;margin:auto;padding:0 38px}.home-photo-hero{background-size:cover;background-position:center 55%;min-height:540px;display:flex;align-items:center}.home-photo-hero>.home-contained{width:100%;padding-top:60px;padding-bottom:60px}.home-hero-copy{max-width:640px}.home-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#d8b3ec}.home-landing h1{font:clamp(36px,4.4vw,66px)/1.06 Georgia,serif;color:#fff7ef;margin:18px 0;letter-spacing:-1.5px}.home-landing h1 em{color:#cda5e2}.home-landing .home-hero-copy p{color:#f3eae2;font-size:17px;line-height:1.65;max-width:520px}.home-actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.website .home-pill{display:inline-flex;justify-content:center;align-items:center;border:1px solid #a582b7;padding:13px 23px;color:#fff;background:linear-gradient(130deg,#8453a0,#694287);border-radius:40px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .18s,transform .18s}.website .home-pill:hover{filter:brightness(1.12);color:#fff;transform:translateY(-2px)}.website .home-pill.outline{background:#29252aa6;border-color:#8d828a}.website .home-pill.sage{background:#9db6a5;border-color:#9db6a5;color:#211a30}.website .home-pill.lavender{background:#9271b1;border-color:#9271b1}.website .home-pill.rose{background:#edc2d4;border-color:#edc2d4;color:#25152e}.website .home-pill.charcoal{background:#302a2c;border-color:#302a2c;font-size:12px}.home-features{display:flex;flex-wrap:wrap;padding:0;list-style:none;gap:26px;margin:24px 0 0;color:#fff1e6;font-size:12px}.home-features li{display:flex;align-items:center;gap:9px}.home-features span{font-size:29px;color:#ceabdf}.home-start,.home-memories{padding:34px 0;background:radial-gradient(ellipse at center,#fffaf4,#f4ece1)}.home-section-heading{text-align:center;max-width:880px;margin:0 auto 25px}.home-landing h2{font:clamp(27px,2.8vw,38px)/1.15 Georgia,serif;color:#241331;letter-spacing:-.7px;margin:0 0 10px}.home-landing p{color:#302738;line-height:1.6}.home-section-heading p{margin:6px 0;font-size:15px}.home-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-paths article{background:#fcf7f0;border:1px solid #e7ddd5;border-radius:15px;overflow:hidden;box-shadow:0 5px 12px #48334d12}.home-path-photo,.home-ruler{height:124px;background-size:cover}.home-path-photo.folded,.home-path-photo.quilt-detail{background-size:cover;background-position:50% 45%}.home-ruler{display:flex;align-items:center;justify-content:space-around;padding-top:20px;color:#533d24;font:24px Georgia,serif;background:repeating-linear-gradient(90deg,transparent 0,transparent 11px,#765b3690 12px,#765b3690 13px,transparent 14px) top/100% 23px no-repeat,linear-gradient(135deg,#d5b484,#f1d5a8,#c9a976)}.home-path-copy{position:relative;padding:20px 20px 22px 70px}.home-path-icon{position:absolute;left:20px;top:16px;color:#9271a6;font-size:36px}.home-landing h3{font:22px/1.2 Georgia,serif;margin:0 0 8px;color:#261c30}.home-path-copy p{margin:8px 0 18px;min-height:48px;font-size:14px}.home-studio{background:linear-gradient(120deg,#e2d7e6,#d4c5df,#e7dee9);padding:64px 0 58px}.home-studio .home-section-heading{margin-bottom:38px}.home-studio .home-section-heading h2{font-size:clamp(34px,4vw,52px)}.home-walkthrough{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 1.05fr;gap:14px;align-items:start}.home-walkthrough article>h3{font:700 14px Segoe UI,sans-serif;display:flex;gap:10px;align-items:center}.home-walkthrough h3 b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#784c93;color:#fff;font:16px Georgia,serif;flex-shrink:0}.home-walkthrough article>p{font-size:12px;min-height:40px;margin:6px 0 14px}.home-demo{background:#f7f3f8;border:1px solid #aa96b6;border-radius:9px;padding:9px;min-height:165px;box-shadow:0 4px 8px #34213d12}.home-photo-demo{display:flex;flex-direction:column;gap:8px;min-height:0}.home-photo-demo img{width:100%;height:190px;object-fit:cover;object-position:center;border-radius:5px;display:block}.home-photo-demo span{color:#66506f;font-size:10px;line-height:1.35}.home-step-arrow{align-self:center;color:#784c93;font:700 38px Georgia,serif;padding-top:75px}.home-demo-title{display:block;font:8px Segoe UI,sans-serif;letter-spacing:.1em;color:#66506f;padding-bottom:7px;border-bottom:1px solid #dacee0;margin-bottom:8px}.home-mini-quilt{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#745b7d;padding:7px;height:132px}.home-mini-quilt span{display:grid;place-items:center;background:#ad7f97;color:#fff5e1;font:12px Georgia,serif}.home-mini-quilt span:nth-child(3n){background:#567268}.home-mini-quilt span:nth-child(3n+1){background:#354858}.home-mini-quilt.variation-1{background:#acbcb0}.home-size-demo{display:grid;grid-template-columns:1.1fr 1fr;gap:8px}.home-size-demo dl{font-size:9px;margin:0}.home-size-demo dt{color:#726477}.home-size-demo dd{margin:2px 0 6px;color:#30203c;font-weight:700}.home-upload-demo{display:flex;align-items:center;gap:13px;height:132px}.home-upload-demo>span{font-size:11px;line-height:1.6;color:#725b7c}.home-shirt-icon{flex:0 0 85px;height:112px;background:#334459;color:#eee1cc;clip-path:polygon(23% 0,38% 5%,62% 5%,77% 0,100% 20%,85% 40%,77% 33%,77% 100%,23% 100%,23% 33%,15% 40%,0 20%);text-align:center;padding:34px 15px 0}.home-shirt-icon small{font-size:8px;display:block;margin-top:8px}.home-walkthrough aside{padding-top:42px}.home-walkthrough aside ul{padding:0;list-style:none;font-size:12px;line-height:2.1}.home-walkthrough aside li:before{content:"✓";margin-right:8px;color:#714b87;font-weight:700}.website .home-text-link{font-size:12px;color:#533468;text-decoration:underline}.home-caption{text-align:center;font-size:10px;margin:20px 0 0}.home-gallery{display:grid;grid-template-columns:3fr 1fr;gap:20px}.home-gallery figure{margin:0}.home-gallery img{width:100%;height:270px;object-fit:cover;object-position:center 57%;border-radius:10px;display:block}.home-gallery figcaption{font-size:10px;color:#776879;margin-top:7px}.home-gallery aside{border-radius:12px;background:#c5d2c7;padding:22px}.home-gallery aside>span{font-size:32px;color:#422b53}.home-gallery aside p{font-size:14px}.home-final{padding:28px 20px 34px;text-align:center;background-size:cover;background-position:center 80%}.home-landing .home-final h2,.home-landing .home-final p{color:#fff3ea}.website-home .web-footer{margin:0;padding:28px max(5vw,24px);background:#211e20;color:#efe2ed}.home-real-hero{background:radial-gradient(ellipse at top right,#57405c,#211b24 70%);min-height:0}.home-real-hero>.home-contained{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-top:42px;padding-bottom:42px}.home-hero-quilt{margin:0;min-width:0}.home-hero-quilt img{width:100%;max-height:540px;object-fit:contain;display:block;border-radius:14px}.home-hero-quilt figcaption{color:#e6d7e8;text-align:center;font-size:12px;margin-top:12px}.home-real-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0}.home-real-gallery img{height:auto;aspect-ratio:1;object-fit:contain;background:#eee5dd}.home-real-gallery figcaption{font-size:12px;text-align:center}.home-photo-credit{grid-column:1/-1;margin:0;text-align:center;font-size:12px}.home-photo-credit a{text-decoration:underline;text-underline-offset:3px}@media(max-width:720px){.home-real-hero>.home-contained{grid-template-columns:1fr;gap:24px}.home-hero-quilt{max-width:480px;margin:auto}.home-real-gallery{grid-template-columns:1fr}}@media(min-width:1600px){.home-photo-hero{min-height:620px}}@media(max-width:1050px){.home-walkthrough{grid-template-columns:repeat(3,minmax(0,1fr))}.home-step-arrow{display:none}.home-walkthrough aside{grid-column:1/-1;padding-top:0;text-align:center}.home-walkthrough aside ul{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.home-path-copy{padding-left:20px}.home-path-icon{display:none}.home-gallery{grid-template-columns:2fr 1fr}}@media(max-width:720px){.home-contained{padding:0 22px}.home-landing h1{font-size:40px}.home-photo-hero{background-position:65% center}.home-photo-hero>.home-contained{padding-top:44px;padding-bottom:38px;background:#1d16255c}.home-paths,.home-walkthrough,.home-gallery{grid-template-columns:1fr}.home-hero-copy{max-width:100%}.home-path-copy p{min-height:0}.home-walkthrough article{max-width:430px;width:100%;margin:auto}.home-walkthrough article>p{min-height:0}.home-gallery img{height:240px}.home-features{gap:14px}.website-home .web-header{align-items:flex-start}}body:not(.website-reading){--page: #f8f1e7;--surface: #fffaf4;--field: #f1eaf2;--line: #dfd2df;--text: #302738;--muted: #706277;--accent: #69458a;--hover: #8054a3;--canvas: #eee5db;--shadow: 0 5px 18px #48334d12;--studio-soft: #eee3f2;--studio-button: linear-gradient(130deg, #8453a0, #694287)}body.dark:not(.website-reading){--page: #211e20;--surface: #302735;--field: #392f3f;--line: #58465f;--text: #fff7ef;--muted: #d5c5d9;--accent: #cda5e2;--hover: #dfbcef;--canvas: #261f2b;--shadow: 0 5px 18px #0002;--studio-soft: #403248}body:not(.website-reading) .studio-header{border-bottom-style:solid;border-color:var(--line)}body:not(.website-reading) .studio-brand h1{font-family:Georgia,serif;font-weight:400}body:not(.website-reading) .eyebrow{color:var(--accent)}body:not(.website-reading) .studio-intro h2{color:var(--text)}body:not(.website-reading) .panel,body:not(.website-reading) #calcPanel,body:not(.website-reading) #calcPanelInner,body:not(.website-reading) #fabricTotalsPanel{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}body:not(.website-reading) .controls h2,body:not(.website-reading) #calcPanelInner h2,body:not(.website-reading) #fabricTotalsPanel h2{color:var(--text);font-family:Georgia,serif;font-weight:400}body:not(.website-reading) .controls .settings-group,body:not(.website-reading) .paint-group{background:var(--surface);border-color:var(--line)}body:not(.website-reading) .cp-collapse{background:var(--studio-soft);border-color:var(--line);color:var(--accent)}body:not(.website-reading) .controls input,body:not(.website-reading) .controls select,body:not(.website-reading) #calcPanelInner input,body:not(.website-reading) .calc-output,body:not(.website-reading) .paint-group .cp-active-color-wrap,body:not(.website-reading) .paint-group .cp-fabric-row,body:not(.website-reading) .mode-toggle{background:var(--field);color:var(--text);border-color:var(--line)}body:not(.website-reading) .controls .settings-group>label,body:not(.website-reading) #calcPanelInner label,body:not(.website-reading) .cp-active-color-wrap{color:var(--text)}body:not(.website-reading) .cp-help-text,body:not(.website-reading) .cp-active-color-wrap span,body:not(.website-reading) #calcPanelInner p{color:var(--muted)}body:not(.website-reading) #calcPanelInner h3{color:var(--accent)}body:not(.website-reading) .zoom-row>button,body:not(.website-reading) .tutorial-button,body:not(.website-reading) .footer-actions button,body:not(.website-reading) .cp-clear-btn{background:var(--studio-soft);color:var(--text);border:1px solid var(--line);border-radius:999px;box-shadow:none}body:not(.website-reading) .btn-primary,body:not(.website-reading) .zoom-row>button[aria-pressed=true],body:not(.website-reading) .mode-toggle button.active{background:var(--studio-button);color:#fff;border:1px solid #a582b7;border-radius:999px}body:not(.website-reading) .dark-toggle{background:var(--surface);color:var(--text);border-color:var(--line);border-radius:999px}body:not(.website-reading) .cp-file-btn{background:var(--field);color:var(--text);border-color:var(--line)}body:not(.website-reading) .cp-file-btn--loaded{color:var(--accent);border-color:var(--accent)}body:not(.website-reading) #calcTab{background:#694287;color:#fff}body:not(.website-reading) #fabricTotalsTab{background:#8453a0;color:#fff}body:not(.website-reading) :focus-visible{outline:3px solid var(--accent);outline-offset:3px}body:not(.website-reading){padding:0;background:var(--page);color:var(--text)}.studio-shell{display:flex;flex-direction:column;height:100dvh;min-height:620px}.studio-shell .studio-header{flex:none;min-height:82px;padding:15px 32px;background:#211e20;color:#fff7ef;gap:24px}.studio-shell .studio-brand{text-decoration:none;color:#fff7ef}.studio-shell .studio-brand .quilt-mark{width:48px;height:48px}.studio-shell .studio-brand .eyebrow{color:#fff7ef;font-size:11px;letter-spacing:.14em}.studio-shell .studio-brand small{display:block;margin-top:7px;font-size:11px;color:#d7cec9}.studio-shell .header-actions{position:static;width:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;font-size:12px}.studio-shell .header-actions a{text-decoration:none;color:#fff7ef}.studio-shell .header-actions a:hover{color:#d8b3ec}.studio-shell .header-actions .tutorial-button{width:auto;background:linear-gradient(130deg,#8453a0,#694287);color:#fff;border-color:#a582b7}.studio-shell .header-actions .dark-toggle{position:static;inset:auto;flex-shrink:0;width:104px;background:#30292e;color:#fff7ef;border-color:#62535f}.studio-current{color:#d8b3ec;border-bottom:2px solid #b08bcc;padding:10px 0}.studio-shell .studio-intro{position:static;flex:none;width:100%;margin:0;padding:23px 32px;background:linear-gradient(110deg,var(--page),var(--studio-soft))}.studio-shell .studio-intro h1{font:36px/1.15 Georgia,serif;letter-spacing:-.9px;margin:6px 0;color:var(--text)}.studio-shell .studio-intro p{line-height:1.5}.studio-shell .studio-intro-note{text-align:right}.studio-shell .main-layout{display:flex;flex:1;min-height:0;width:100%;padding:0 54px 12px 24px;margin:0;gap:20px}.studio-shell .controls{width:320px;padding:20px 16px;min-height:0;border-radius:18px}.studio-shell .controls-title-row{padding:0 4px 14px;border-bottom:1px solid var(--line);margin-bottom:16px}.studio-shell .controls h2{font-size:22px}.studio-shell .controls .settings-group{padding:12px;margin:12px 0;background:var(--field)}.studio-shell .cp-collapse{font-size:11px;letter-spacing:.06em;border:0;padding:9px}.studio-shell .grid-wrapper{flex:1;min-width:0;min-height:0;height:auto;padding:18px;border-radius:18px}.studio-shell .zoom-row{padding-bottom:16px;gap:8px}.studio-shell #quiltOuter{flex:1;min-height:180px;border-radius:12px}.studio-shell .studio-footer{flex:none;padding:10px 32px 16px;gap:16px;min-height:54px}.studio-shell .footer-actions{flex:1}.studio-shell .footer-actions button{min-width:110px;font-size:11px;padding:9px 14px}body:not(.website-reading) #calcPanel,body:not(.website-reading) #fabricTotalsPanel{top:214px;height:calc(100dvh - 238px);max-height:calc(100dvh - 238px)}body:not(.website-reading) #calcTab{top:228px}body:not(.website-reading) #fabricTotalsTab{top:394px}@media(max-width:1100px){.studio-shell .header-actions{gap:12px}.studio-shell .controls{width:290px}.studio-shell .studio-header{padding:15px 24px}.studio-shell .studio-footer{flex-wrap:wrap}.studio-shell .footer-actions{order:0;flex-basis:auto}}@media(max-width:760px){body:not(.website-reading){overflow:auto;height:auto}.studio-shell{height:auto;min-height:100dvh}.studio-shell .studio-header{flex-wrap:wrap;padding:16px 20px}.studio-shell .header-actions{justify-content:flex-start;width:100%}.studio-shell .studio-intro{padding:22px 20px}.studio-shell .studio-intro h1{font-size:30px}.studio-shell .studio-intro-note{display:none}.studio-shell .main-layout{flex-direction:column;padding:0 44px 16px 14px}.studio-shell .grid-wrapper{flex:none;order:-1;height:65dvh;min-height:400px;padding:12px}.studio-shell .controls{width:100%;overflow:visible}.studio-shell .studio-footer{flex-direction:column;padding:16px;text-align:center}body:not(.website-reading) #calcPanel,body:not(.website-reading) #fabricTotalsPanel{top:150px;height:calc(100dvh - 174px);max-height:calc(100dvh - 174px)}body:not(.website-reading) #calcTab{top:164px}body:not(.website-reading) #fabricTotalsTab{top:330px}}.studio-shell .studio-zoom-control{display:flex;align-items:center;gap:10px;margin-left:auto;white-space:nowrap}.studio-shell .studio-zoom-control strong{margin-left:0}.studio-shell .studio-zoom-control input{width:108px}body:not(.website-reading){height:auto;overflow:auto}.studio-shell{height:auto;min-height:100dvh}.studio-shell .studio-intro{padding:28px max(24px,5vw);background:var(--page)}.studio-shell .studio-intro h1{font-size:clamp(30px,3vw,44px)}.studio-page-layout{width:100%;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr)}.studio-main{min-width:0;width:100%;max-width:1400px;margin:auto}.studio-ad-rail{display:none}.studio-workflow{list-style:none;padding:16px 0;margin:0;display:flex;flex-wrap:wrap;gap:14px 28px;counter-reset:steps;border-block:1px solid var(--line)}.studio-workflow li{counter-increment:steps;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.studio-workflow li:before{content:counter(steps);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--studio-soft);color:var(--accent);font-family:Georgia,serif}.studio-measurements{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 0}.studio-measurements-label{margin-right:auto;color:var(--muted);font-size:12px}body:not(.website-reading) .studio-measurements #calcTab,body:not(.website-reading) .studio-measurements #fabricTotalsTab{position:static;width:auto;height:auto;writing-mode:horizontal-tb;transform:none;padding:10px 17px;border-radius:24px;font-size:12px;box-shadow:none}.studio-shell .main-layout{padding:0;gap:24px;height:max(620px,72dvh)}.studio-shell .controls{width:280px;flex-shrink:0;padding:8px 16px 20px 0;background:transparent;box-shadow:none;border:0;border-radius:0}.studio-shell .controls .settings-group{padding:16px 0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.studio-shell .controls .cp-collapse{padding:8px 0;background:transparent;color:var(--text);font:18px Georgia,serif;text-align:left;letter-spacing:0}.studio-shell .controls input{background:var(--surface);border-radius:8px}.studio-shell .controls .reset-grid-button,.studio-shell .cp-import-export-row button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:20px;font-size:11px}.studio-shell .grid-wrapper{background:var(--surface);border:0;padding:18px;box-shadow:var(--shadow)}.studio-shell #quiltOuter{background:var(--canvas);background-image:linear-gradient(#98857b12 1px,transparent 1px),linear-gradient(90deg,#98857b12 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--line)}.studio-shell .studio-footer{margin-top:24px;padding:20px max(24px,5vw);border-top:1px solid var(--line)}body:not(.website-reading) #calcPanel,body:not(.website-reading) #fabricTotalsPanel{top:100px;right:20px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 120px);height:auto;z-index:150}body:not(.website-reading) #calcPanel:not(.open),body:not(.website-reading) #fabricTotalsPanel:not(.open){display:none}.measurement-close{float:right;margin-bottom:18px;padding:8px 12px;border-radius:20px;border:1px solid var(--line);background:var(--field);color:var(--text);cursor:pointer}@media(min-width:1700px){.studio-page-layout{grid-template-columns:180px minmax(0,1250px) 180px;justify-content:center;gap:36px}.studio-ad-rail{display:block;height:600px;margin-top:120px;border:1px dashed var(--line);border-radius:8px;text-align:center;padding:18px 8px;color:var(--muted);font-size:10px;opacity:.5}}@media(max-width:760px){.studio-page-layout{padding:0 14px}.studio-workflow{gap:10px 18px}.studio-measurements{flex-wrap:wrap;justify-content:flex-start}.studio-measurements-label{width:100%}.studio-shell .main-layout{height:auto;padding:0}.studio-shell .grid-wrapper{height:70dvh;min-height:450px}.studio-shell .controls{width:100%;padding:12px}}body:not(.website-reading) .studio-measurements #fabricTotalsTab{min-height:0}body:not(.website-reading) .studio-shell .controls{background:transparent;box-shadow:none}body:not(.website-reading) .studio-shell .controls input{background:var(--surface)}.studio-shell .cp-collapse{text-transform:none}.studio-shell .studio-intro{justify-content:center;text-align:center;padding:22px 24px}.studio-shell .studio-intro>div{max-width:760px}.studio-shell .studio-intro p{max-width:640px;margin:8px auto 0}.studio-workflow{justify-content:center;margin-bottom:22px;border-top:0}.studio-shell .zoom-row .studio-measurements{padding:0;display:inline-flex}body:not(.website-reading) .studio-measurements #calcTab{padding:9px 13px}body:not(.website-reading) .studio-shell .shirts-group.section-closed .shirts-content{display:none}body:not(.website-reading) .studio-shell .materials-group.section-closed .materials-content{display:none}body:not(.website-reading) #calcPanelInner #fabricTotalsPanel.integrated-fabric-totals{display:block;position:static;transform:none;opacity:1;visibility:visible;width:auto;height:auto;max-height:none;padding:22px 0 0;margin:24px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;overflow:visible;background:transparent}.studio-shell .main-layout{gap:18px}.studio-shell .controls{width:285px;padding:18px 12px 18px 4px}.studio-shell .controls-title-row{border:0;padding:0 0 10px;margin-bottom:8px}.studio-shell .controls h2{font:25px Georgia,serif}.studio-shell .controls .reset-grid-button{border:0;padding:6px;font-size:11px;text-decoration:underline;text-underline-offset:3px}.studio-shell .cp-import-export-row{gap:8px;margin-bottom:18px}.studio-shell .cp-import-export-row button{flex:1;padding:8px 10px;border:0;background:var(--studio-soft)}.studio-shell .controls .settings-group{padding:13px 0;border-bottom-color:color-mix(in srgb,var(--line) 50%,transparent)}.studio-shell .controls .cp-collapse{font:17px Georgia,serif;text-transform:none;margin-bottom:12px}body:not(.website-reading) .studio-shell .controls input:not([type=color]){background:var(--page);border:0;border-bottom:1px solid var(--line);border-radius:6px;padding:9px 10px}.studio-shell .controls label{font-size:12px}.studio-shell .cp-col-2{gap:12px;margin-bottom:10px}@media(max-width:760px){.studio-shell .controls{width:100%}.studio-workflow{gap:10px 14px}}body:not(.website-reading) .studio-shell .controls .settings-group,body:not(.website-reading) .studio-shell .controls .paint-group{background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:0}body:not(.website-reading) .studio-shell .controls .settings-group>label{display:grid;gap:6px;margin:0 0 13px;line-height:1.2}body:not(.website-reading) .studio-shell .controls .settings-group>label:last-child{margin-bottom:0}body:not(.website-reading) .studio-shell .controls .cp-col-2>label{margin-bottom:0}body:not(.website-reading) .studio-shell .controls .cp-fabric-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:10px 0}body:not(.website-reading) .studio-shell .controls .cp-fabric-row span{line-height:1.25}body:not(.website-reading) .studio-shell .controls .cp-collapse{width:100%;border:0;border-left:3px solid var(--accent);border-radius:0;padding:8px 0 8px 10px;margin:0 0 14px}.export-choice{position:relative;flex:1}.export-choice>button{width:100%}.export-choice-menu{position:absolute;z-index:220;top:calc(100% + 6px);left:0;right:0;display:grid;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.export-choice-menu button{border:0;border-radius:7px;padding:9px 8px;text-align:left;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:11px}.export-choice-menu button:hover{background:var(--studio-soft)}body:not(.website-reading) .studio-shell .controls .paint-group{display:none}body:not(.website-reading) .studio-shell .controls .paint-group.paint-popout-open{display:block;position:fixed;z-index:180;top:170px;left:50%;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 190px);overflow:auto;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px #0004;transform:translate(-50%);pointer-events:auto}body:not(.website-reading) .studio-shell .controls .paint-group.paint-popout-open *{pointer-events:auto}body:not(.website-reading) .studio-shell .controls .paint-group.paint-popout-open .cp-collapse{display:block}@media(max-width:760px){body:not(.website-reading) .studio-shell .controls .paint-group.paint-popout-open{top:150px;left:14px;width:calc(100vw - 28px);transform:none}}body:not(.website-reading) .studio-shell .controls{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px 16px 22px;overflow-y:auto}body:not(.website-reading) .studio-shell .controls .settings-group,body:not(.website-reading) .studio-shell .controls .paint-group{background:transparent}body:not(.website-reading) .studio-shell .controls-title-row{padding-inline:4px}body.dark:not(.website-reading) .studio-shell .controls input:not([type=color]){background:#46394a;color:#fff7ef;border-bottom-color:#745b7d}body.dark:not(.website-reading) .studio-shell .controls input:not([type=color]):focus{background:#514158}@media(max-width:760px){body:not(.website-reading) .studio-shell .controls{padding:16px 14px 20px}}.studio-shell .controls .cp-region-toggle{display:flex;align-items:center;gap:8px;margin-top:14px;font-weight:600}.studio-shell .cp-region-toggle>span:first-child{flex:1}.studio-shell .controls .cp-region-toggle input{width:18px;height:18px;margin:0;accent-color:#866391;cursor:pointer}.studio-shell .cp-toggle-status{min-width:24px}@media(min-width:1700px){.studio-page-layout{grid-template-columns:minmax(0,1250px) 180px}}body.website-reading{--page:#f8f1e7;--surface:#fffaf4;--field:#f1e9e2;--line:#ded1d9;--text:#302738;--muted:#66566a;--accent:#69458a}body.website-reading.dark{--page:#211e20;--surface:#302735;--field:#3c3141;--line:#5c4b64;--text:#fff7ef;--muted:#d6c8da;--accent:#d4ace8}.website{width:100%;min-width:0}.website:not(.website-home) .web-section{padding:28px 0}.website:not(.website-home) .web-section+.web-section{padding-top:0}.website .web-article{padding:28px 0 48px;width:100%;min-width:0}.website #website-main{min-width:0}.website .web-article>a:first-child{margin-bottom:14px}.website .web-eyebrow{margin:12px 0}.website:not(.website-home) h1{font-size:clamp(32px,3.6vw,48px);margin-bottom:12px}.website .web-lead{margin:0 0 20px;line-height:1.6}.website .web-actions{margin:18px 0 0}.website .web-cards{margin-top:12px}.website .web-cards>a{padding:22px;min-width:0}.website .web-cards h2{font-size:25px}.website .web-cards p{margin:0 0 12px}.website .guide-section{margin:26px 0}.website .guide-section:first-child{margin-top:18px}.website .guide-section h2{font-size:27px;margin-bottom:10px}.website .guide-section p{margin:10px 0}.website .web-article li{padding:5px 0 5px 6px;font-size:16px;line-height:1.7}.website .stage-navigation{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;margin-bottom:16px;border-block:1px solid var(--line);font-size:14px}.website .stage-navigation a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.website .stage-navigation span{color:var(--muted)}.website .teaching-figure{margin:24px 0;padding:18px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px}.website .teaching-figure:after{content:"Illustration only — use your own project measurements.";display:block;margin-top:8px;font-size:12px;color:var(--muted)}.teaching-figure svg{display:block;width:100%;height:auto}.mobile-teaching{display:none}.mobile-cut-block{padding:12px;background:#c8adcf;border:2px solid #65427c;width:220px;max-width:100%;margin:8px auto}.mobile-cut-block>div{display:grid;align-content:center;text-align:center;height:180px;background:#f9efe0;color:#302738;border:2px dashed #65427c;font-size:20px}.mobile-cut-block small{font-size:14px}.mobile-quilt-parts{max-width:250px;margin:8px auto;border:16px solid #69458a;padding:10px;background:#9db6a5}.mobile-quilt-parts>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#c8adcf}.mobile-quilt-parts span{display:grid;place-items:center;min-height:76px;background:#fff3df;color:#302738;font-size:15px}.website figcaption{font-size:14px;line-height:1.6;color:var(--muted)}.website .guide-photo img{max-height:none}.website .guide-photo{max-width:100%}.website .guide-photo:has(img[src*=studio-calculators]){max-width:420px}.website .owner-page-select{display:grid;gap:8px}.website .owner-page-select select{padding:12px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);max-width:100%}.website a:focus-visible,.website button:focus-visible,.website summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.website .reference-table{margin:14px 0}.shirt-size-chart table{min-width:700px}.shirt-size-chart td{white-space:nowrap}.website .reference-table th,.website .reference-table td{padding:12px}body.dark .home-landing{background:var(--page);color:var(--text)}body.dark .home-start{background:radial-gradient(ellipse at center,#352b39,#252126)}body.dark .home-studio{background:linear-gradient(120deg,#382e41,#302735,#403248)}body.dark .home-paths article,body.dark .home-demo{background:var(--surface);border-color:var(--line)}body.dark .home-landing h2,body.dark .home-landing h3{color:var(--text)}body.dark .home-landing p,body.dark .home-photo-demo span{color:var(--muted)}body.dark .website .home-text-link,body.dark .home-step-arrow,body.dark .home-walkthrough aside li:before{color:var(--accent)}body.dark .home-landing .home-hero-copy p,body.dark .home-landing .home-final p{color:#f3eae2}.home-caption{font-size:12px}.website-home .web-header nav a[aria-current=page],.website-home .web-guide-nav summary{color:#d8b3ec}@media(max-width:720px){.website .web-header{padding:18px 0;gap:18px}.website.website-home .web-header{padding:18px 22px}.website .web-header nav{gap:12px 16px;line-height:1.5}.website .web-guide-nav{gap:12px}.website .web-article{padding-top:20px}.website .reference-table{font-size:12px}.website .reference-table th,.website .reference-table td{padding:9px 7px}.website .teaching-figure{padding:10px;overflow:auto;max-width:100%;margin-inline:0}.teaching-figure svg{display:none}.mobile-teaching{display:block}.website .guide-photo img{min-width:0}.website .stage-navigation{font-size:12px;gap:10px}.home-studio{padding:36px 0}.home-photo-demo img{height:auto;max-height:340px;object-fit:contain}}.designer-walkthrough{max-width:1000px}.designer-step{scroll-margin-top:24px}.designer-step-links{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}.designer-step-links button{font:inherit;font-size:14px;padding:9px 13px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--accent);cursor:pointer}.designer-image-help{color:var(--muted);font-size:14px}.designer-settings{padding:16px 20px 16px 40px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.designer-figure{margin:24px 0}.designer-figure figcaption{margin-top:10px}.designer-image{display:block;min-width:0}.designer-image img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.designer-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.designer-image-pair:has(.designer-image-narrow){grid-template-columns:minmax(140px,.32fr) 1fr}.designer-image-single{max-width:100%}.designer-image-single:has(img[alt^="Arranged Harley"]){max-width:560px;margin-inline:auto}.designer-tip,.designer-checkpoint{padding:16px 20px;background:var(--surface);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;line-height:1.7;margin:18px 0}@media(max-width:720px){.designer-image-pair,.designer-image-pair:has(.designer-image-narrow){grid-template-columns:1fr}.designer-image-narrow{width:100%;max-width:290px;margin-inline:auto}.designer-step-links{gap:6px}}@media screen{.website:not(.website-home){min-height:100dvh;display:flex;flex-direction:column}.website:not(.website-home)>#website-main{flex:1}.website h1,.website h2,.website h3{text-wrap:balance}.website .web-article{font-size:16px}.website .web-article>p,.website .guide-section>p{line-height:1.75}.website:not(.website-home) h1{letter-spacing:-.035em;line-height:1.16}.website:not(.website-home) .mistakes-section h1{font-size:clamp(28px,3.2vw,40px);margin-bottom:24px}.website .guide-section h2{font-size:26px;line-height:1.25}.website .web-article>p>a:not(.web-button){color:var(--accent);text-decoration:underline;text-underline-offset:4px}.website .web-button{text-decoration:none;line-height:1.5;text-align:center}.website .related-guides{padding:20px 24px;font-size:14px}.website .related-guides>div{gap:4px;margin-top:8px}.website .related-guides a{display:inline-block;padding:7px 0}.website .faq-page details{padding:0}.website .faq-page summary{padding:18px 20px;font-size:16px;font-weight:600}.website .faq-page details[open] summary{border-bottom:1px solid var(--line)}.website .faq-page details p{margin:16px 20px 8px}.website .faq-page details>a{display:inline-block;margin:0 20px 16px;padding:8px 0;font-size:14px}.website .guide-main{width:100%;max-width:1120px;margin-inline:auto}.website .guide-stage-list a{padding:24px 0}.website .guide-stage-list h2{font-size:26px}.website .guide-stage-list p{font-size:16px;line-height:1.65}.website .guide-topic-section>p{font-size:16px}.website .guide-topic-section .guide-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.website .guide-topic-section .guide-topics h3{font-size:24px}.website .guide-topic-section .guide-topics a span{font-size:16px}.website .guide-topic-section .guide-topics small{font-size:14px;line-height:1.6}.website .guide-topic-section .guide-topics a:hover{color:var(--accent)}.website .resource-status{padding:28px;margin:28px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.website .resource-status h2{font-size:28px}.website .resource-status p{max-width:60ch}.website .resource-status .resource-status-note{font-size:13px;margin-bottom:0}.website .size-math{padding:0 20px}.website .size-math summary{padding:18px 0}.website .studio-chooser-content>.web-lead{margin:14px auto 26px}.website .layout-examples figcaption p:last-child{margin-bottom:0}.website .designer-step{padding-top:24px;border-top:1px solid var(--line)}.website .designer-step-links{gap:8px}.website .designer-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px}.website .designer-image{border-radius:10px;background:var(--surface)}.website .web-header nav a:not(.studio-nav-button){padding-block:6px}.website .web-header nav .studio-nav-button:hover{color:#fff;background:#8054a3}.website .web-header button{cursor:pointer}@media(max-width:900px){.website .guide-topic-section .guide-topics{grid-template-columns:1fr 1fr}.website .guide-topic-section .guide-topics>section:last-child{grid-column:1 / -1}}@media(max-width:700px){.website .guide-topic-section .guide-topics{grid-template-columns:1fr;gap:28px}.website .guide-stage-list a{padding:22px 0;gap:12px}.website .guide-step-number{width:30px;font-size:36px}.website .guide-stage-list h2,.website .guide-section h2{font-size:24px}.website .guide-topic-section{margin-top:28px}.website .resource-status{padding:22px}.website .designer-settings{grid-template-columns:1fr}.website .web-footer{gap:14px 20px;line-height:1.6}.website .web-footer>span{flex-basis:100%}}}@media screen{.website .guide-topic-section .guide-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.website .guide-topic-section .guide-topics>section,.website .guide-topic-section .guide-topics>section:last-child{grid-column:auto;padding:22px 24px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.website .guide-topic-section .guide-topics h3{font-size:24px;margin-bottom:12px}.website .guide-topic-section .guide-topics li:last-child{border-bottom:0}.website .guide-topic-section .guide-topics a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;min-height:48px}.website .guide-topic-section .guide-topics a span{font-size:16px;line-height:1.5;text-decoration:none}.website .guide-topic-section .guide-topics a .topic-link-arrow{color:var(--accent);flex-shrink:0}.website .guide-topic-section .guide-topics a:hover span:first-child{text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.website .guide-topic-section .guide-topics{grid-template-columns:1fr;gap:16px}.website .guide-topic-section .guide-topics>section{padding:20px 20px 10px}}}.main-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:10px;position:relative;z-index:220;font-size:14px}.website .web-header .main-navigation{gap:10px}.main-navigation>a,.main-navigation>button,.main-navigation summary{min-height:44px;box-sizing:border-box;display:flex;align-items:center;padding:10px 14px;font:inherit;cursor:pointer}.website .main-navigation .nav-group,.main-navigation .nav-group{position:relative;margin:0;padding:0;background:transparent;border:0;border-radius:0}.main-navigation summary{list-style:none;color:var(--text);border:1px solid transparent;border-radius:24px;gap:10px}.main-navigation summary::-webkit-details-marker{display:none}.main-navigation summary:after{content:"⌄";font-size:14px}.main-navigation .nav-group[open] summary{border-color:var(--accent)}.main-navigation .nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 30px #0003}.website .web-header .nav-dropdown a,.studio-shell .nav-dropdown a{display:block;padding:12px;min-height:44px;color:var(--text);font-size:14px;line-height:1.5;text-decoration:none;border-radius:6px;white-space:normal}.website .web-header .nav-dropdown a:hover,.studio-shell .nav-dropdown a:hover,.main-navigation .nav-dropdown a[aria-current=page]{background:var(--field);color:var(--accent)}.main-navigation :is(a,button,summary):focus-visible,.designer-help-links :is(a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.designer-help-links{max-width:1120px;margin:0 auto 20px;padding:0 24px;box-sizing:border-box;font-size:14px}.designer-help-links summary{padding:12px 0;cursor:pointer;color:var(--accent)}.designer-help-links>div{display:flex;flex-wrap:wrap;gap:6px 24px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.designer-help-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);text-underline-offset:4px}.designer-help-links small{flex-basis:100%;color:var(--muted);line-height:1.5}.website .home-designer-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin:18px 0}.website .home-designer-links a{color:#fff7ef;font-size:15px;line-height:1.5;padding:8px 0;text-underline-offset:4px}.website .web-footer{flex-wrap:wrap;gap:12px 24px}.website .web-footer>span{margin-right:auto}.website .supplies-planning-note a{display:inline-block;padding:5px 0}.studio-shell .cp-collapse:focus-visible,.studio-shell button:focus-visible,.studio-shell input:focus-visible,.studio-shell select:focus-visible,.studio-shell a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:760px){.website .web-header .main-navigation,.studio-shell .main-navigation{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;inset:auto}.main-navigation summary{justify-content:space-between;font-size:14px;padding:10px 12px}.main-navigation .nav-dropdown{position:static;width:auto;margin-top:6px;box-shadow:none}.main-navigation .nav-group[open]{grid-column:1 / -1}.main-navigation>a,.main-navigation>button{justify-content:center}.studio-shell .cp-file-btn,.studio-shell .cp-collapse{min-height:44px}.puzzle-page .studio-workflow{flex-wrap:wrap;padding:0 16px 16px;gap:12px 20px}.designer-help-links{padding-inline:16px}.website .home-designer-links{flex-direction:column}}@media print{.main-navigation,.designer-help-links{display:none!important}body:has(.puzzle-cutting){background:#fff!important;color:#000!important;padding:0!important}.puzzle-page:has(.puzzle-cutting)>:not(.puzzle-page-layout),.puzzle-page:has(.puzzle-cutting) .puzzle-ad-rail,.puzzle-page:has(.puzzle-cutting) .puzzle-layout>:not(.puzzle-cutting){display:none!important}.puzzle-page:has(.puzzle-cutting) .puzzle-page-layout,.puzzle-page:has(.puzzle-cutting) .puzzle-layout{display:block!important;padding:0!important}.puzzle-cutting{border:0;padding:0;background:#fff;box-shadow:none;color:#000}.puzzle-cutting *{color:#000!important;background:#fff!important}.puzzle-cutting button{display:none}.puzzle-cutting table{font-size:10pt}.puzzle-cutting tr{break-inside:avoid}.puzzle-cutting .puzzle-table-scroll{overflow:visible}}.studio-shell .cp-import-export-row{display:grid;grid-template-columns:1fr 1fr}.studio-shell .cp-import-export-row>button:last-child{grid-column:1 / -1}.studio-shell .cp-import-export-row button{width:100%;min-height:44px;font-size:12px;white-space:normal;text-overflow:clip;overflow:visible}@media(min-width:761px)and (max-width:1300px){.website .web-header,.studio-shell .studio-header{flex-direction:column;align-items:flex-start;gap:14px}.website .web-header .main-navigation,.studio-shell .main-navigation{width:100%;gap:6px}}@media(max-width:760px){.main-navigation>a[href="#/guide"]{grid-column:1 / -1;justify-content:flex-start}.main-navigation>.studio-nav-button{grid-column:1}}