.pattern-studio{--studio-ink:var(--text-primary);--studio-muted:var(--text-secondary);--studio-line:var(--border-default);--studio-accent:var(--accent);--studio-paper:var(--bg-primary);background:var(--bg-primary);height:100dvh;min-height:500px;color:var(--studio-ink);flex-direction:column;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.pattern-studio textarea,.pattern-studio select{font:inherit;color:inherit}.studio-header .ai-launch{background:var(--accent-glow);color:var(--accent-hover);border-color:var(--accent-muted)}.studio-header .ai-launch.active{background:var(--studio-accent);color:#fff}.studio-toolbar{flex-shrink:0;overflow-x:auto}.studio-tool-group{flex-shrink:0}.pattern-studio .studio-tool-group>button{gap:6px;padding:0 9px}.studio-tool-group>button:nth-child(4){margin-left:6px}.pattern-studio .studio-inspector{width:340px;min-width:340px}.pattern-studio .studio-header{gap:16px;height:64px;min-height:64px}.pattern-studio .inspector-section{padding:20px 22px}.pattern-studio .studio-field textarea,.pattern-studio .studio-field select{border:1px solid var(--studio-line);outline-color:var(--studio-accent);background:#fff;border-radius:6px;width:100%;padding:11px}.pattern-studio .studio-field textarea{resize:vertical;min-height:100px;line-height:1.65}.create-intro{background:linear-gradient(135deg,var(--bg-primary),var(--accent-glow))}.create-intro h1{font-size:25px}.create-mode{background:var(--bg-secondary);border-radius:7px;gap:3px;margin-bottom:20px;padding:4px;display:flex}.create-mode button{white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:1;padding:8px 3px;font-size:11px}.create-mode button[aria-pressed=true]{background:var(--bg-primary);color:var(--accent-hover);font-weight:600;box-shadow:0 1px 5px #11182717}.prompt-examples{gap:5px;margin:10px 0 18px;display:grid}.prompt-examples button{text-align:left;color:var(--studio-muted);background:var(--bg-secondary);border:0;border-radius:4px;justify-content:space-between;padding:8px 10px;font-size:11px;display:flex}.image-upload{border:1px dashed var(--studio-line);background:var(--bg-secondary);width:100%;min-height:130px;color:var(--studio-muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:12px 0;display:flex;overflow:hidden}.image-upload img{object-fit:contain;width:100%;max-height:200px}.image-upload span{font-size:10px}.create-check{align-items:center;gap:8px;margin:14px 0;font-size:11px;display:flex}.create-check input{width:15px;height:15px}.trace-settings{margin:15px 0;font-size:12px}.trace-settings summary{cursor:pointer;color:var(--studio-muted);padding:5px 0}.trace-settings[open] summary{margin-bottom:14px}.trace-settings .studio-field>span{justify-content:space-between;display:flex}.generate-button{margin-top:18px}.generate-button small{opacity:.7;margin-left:auto;font-size:10px}.credit-caption{color:var(--studio-muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:10px;display:flex}.generation-progress,.generation-error{background:var(--bg-secondary);border-radius:6px;align-items:center;gap:10px;margin-top:15px;padding:12px;font-size:12px;display:flex}.generation-error{color:#9b432c;background:#f9ece5}.generation-previews{gap:10px;margin:12px 0 20px;display:flex}.generation-previews figure{flex:1;min-width:0;margin:0}.generation-previews img{object-fit:contain;border:1px solid var(--studio-line);background:var(--bg-secondary);border-radius:6px;width:100%;height:160px;display:block}.generation-previews figcaption{text-align:center;color:var(--studio-muted);margin-top:5px;font-size:10px}.bezier-handle{cursor:crosshair}.bezier-handle:hover{fill:#007fac}.tool-pen .pattern-svg,.tool-pen [data-piece],.tool-rectangle .pattern-svg,.tool-rectangle [data-piece],.tool-ellipse .pattern-svg,.tool-ellipse [data-piece]{cursor:crosshair}.draw-actions{background:var(--bg-primary);border:1px solid var(--studio-line);white-space:nowrap;z-index:2;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;bottom:75px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #11182721}.draw-actions>span{color:var(--studio-muted);font-size:10px}.draw-actions kbd{opacity:.6;margin-left:5px;font-size:10px}.drawing-options{background:var(--bg-secondary)}.creation-preview-banner{border:1px solid var(--studio-line);background:var(--bg-primary);z-index:2;border-radius:8px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:12px 15px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #1118271a}.creation-preview-banner b{font-size:12px;display:block}.creation-preview-banner small{color:var(--studio-muted);font-size:10px;display:block}@media (max-width:700px){.creation-preview-banner{gap:7px;padding:8px;top:6px}.creation-preview-banner>svg,.creation-preview-banner small,.creation-preview-banner .studio-button:not(.primary){display:none}.creation-preview-banner .studio-button{padding:8px;font-size:10px}}.pattern-studio .palette-remap-title{margin-top:24px}.palette-remap{gap:8px;display:grid}.palette-remap label{align-items:center;gap:10px;font-size:11px;display:flex}.palette-remap input{cursor:pointer;background:0 0;border:0;width:32px;height:30px;padding:0}.palette-remap small{color:var(--studio-muted);margin-left:auto}.studio-toolbar .toolbar-display{flex-shrink:0}@media (min-width:1100px){.pattern-studio .studio-tool-group kbd{display:none}}@media (max-width:1100px){.studio-header .ai-launch{padding:8px;font-size:11px}.pattern-studio .studio-tool-group>button span{display:none}.pattern-studio .studio-tool-group>button{justify-content:center;width:36px;padding:0}}@media (max-width:700px){.pattern-studio .studio-inspector{width:100%;min-width:0}.pattern-studio .studio-header{gap:8px;padding:0 10px}.studio-header .ai-launch{gap:0!important;font-size:0!important}.pattern-studio .studio-tool-group>button{width:32px}.pattern-studio .studio-tool-group>button kbd{display:none}.draw-actions{white-space:normal;gap:5px;max-width:96%;padding:7px;bottom:56px}.draw-actions>span{display:none}.draw-actions .studio-button{min-height:32px;padding:7px;font-size:10px}}.pattern-studio *{box-sizing:border-box}.pattern-studio button,.pattern-studio input{font:inherit}.pattern-studio button{cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.pattern-studio button:disabled{opacity:.4;cursor:not-allowed}.pattern-studio button:focus-visible,.pattern-studio a:focus-visible,.pattern-studio input:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}.pattern-studio input{min-width:0;color:inherit}.pattern-studio input[type=range]{accent-color:var(--studio-accent);cursor:pointer;width:100%}.pattern-studio input[type=checkbox]{accent-color:var(--studio-accent)}.pattern-studio svg{flex-shrink:0}.pattern-studio p{color:var(--studio-muted);margin:8px 0 0;line-height:1.65}.pattern-studio h1,.pattern-studio h2,.pattern-studio b,.pattern-studio strong{color:var(--studio-ink)}.pattern-studio h1{letter-spacing:-.7px;margin:7px 0 9px;font-size:21px;font-weight:500;line-height:1.35}.pattern-studio h2{letter-spacing:.05px;margin:0 0 13px;font-size:12px;font-weight:650}.studio-header{background:var(--studio-paper);border-bottom:1px solid var(--studio-line);z-index:3;align-items:center;gap:22px;height:79px;min-height:79px;padding:0 25px;display:flex}.studio-header-divider{background:var(--studio-line);width:1px;height:31px}.studio-document-title{flex:1;min-width:120px;max-width:400px}.studio-document-title input{text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:2px 4px;font-size:13px;font-weight:600;display:block}.studio-document-title input:hover{border-color:var(--studio-line)}.studio-document-title>span{color:var(--studio-muted);align-items:center;gap:5px;margin-top:3px;padding-left:5px;font-size:10px;display:flex}.studio-document-title i{background:var(--warning);border-radius:50%;width:5px;height:5px}.studio-document-title i.saved-dot{background:var(--success)}.studio-header-actions{flex-shrink:0;align-items:center;gap:9px;margin-left:auto;display:flex}.studio-button{border:1px solid var(--studio-line);background:var(--bg-primary);color:var(--studio-ink);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:9px 12px;text-decoration:none;display:inline-flex;font-size:12px!important;font-weight:550!important}.studio-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--studio-line)}.studio-button.primary{background:var(--studio-accent);color:#fff;border-color:var(--studio-accent)}.studio-button.primary:hover:not(:disabled){background:var(--accent-hover)}.studio-button.quiet{background:0 0;border-color:#0000}.studio-button.quiet:hover{background:var(--bg-secondary)}.studio-button.full{width:100%;margin-top:10px}.icon-button{color:var(--studio-muted);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--bg-secondary);color:var(--studio-ink)}.studio-toolbar{border-bottom:1px solid var(--studio-line);background:var(--studio-paper);z-index:2;align-items:center;gap:13px;height:57px;min-height:57px;padding:0 25px;display:flex}.studio-tool-group{gap:4px;display:flex}.studio-tool-group>button{height:35px;color:var(--studio-muted);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.studio-tool-group>button:hover{background:var(--bg-secondary)}.studio-tool-group>button.active{background:var(--accent-glow);border-color:var(--accent-muted);color:var(--accent-hover)}.studio-tool-group kbd{border:1px solid var(--studio-line);color:var(--studio-muted);border-radius:3px;padding:0 3px;font-size:9px;font-weight:400;line-height:15px}.toolbar-divider{background:var(--studio-line);width:1px;height:23px}.history-tools{gap:4px;display:flex}.toolbar-display{align-items:center;gap:5px;margin-left:auto;display:flex}.toolbar-display>button{color:var(--studio-muted);background:0 0;border:0;border-radius:4px;align-items:center;padding:6px 9px;font-size:11px;display:flex}.toolbar-display>button.display-active{color:var(--accent-hover);background:var(--accent-glow)}.snap-toggle{color:var(--studio-muted);align-items:center;gap:5px;margin-left:8px;font-size:11px;display:flex}.snap-toggle input{margin:0}.snap-toggle>span{color:var(--studio-muted);font-size:9px}.help-button{margin-left:2px}.studio-workspace{flex:1;min-height:0;display:flex}.studio-canvas-column{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.pattern-canvas{background-color:var(--bg-secondary);background-image:radial-gradient(var(--border-muted).7px,transparent .7px);background-size:16px 16px;flex:1;min-height:0;position:relative;overflow:hidden}.pattern-svg{touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0;outline:none!important}.pattern-paper{filter:drop-shadow(0 9px 12px #1118271c)}.pattern-svg [data-piece]{cursor:pointer}.pattern-svg .side-hit{cursor:grab}.pattern-svg .node-handle{cursor:move}.pattern-svg .node-handle:hover{fill:#d8eff6;stroke-width:2.5px}.tool-hand .pattern-svg,.tool-hand .pattern-svg [data-piece]{cursor:grab}.tool-hand .pattern-svg:active{cursor:grabbing}.tool-split .pattern-svg,.tool-split .pattern-svg [data-piece],.tool-points .side-hit{cursor:crosshair}.canvas-caption{pointer-events:none;z-index:1;color:var(--studio-muted);letter-spacing:.2px;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:19px;left:25px;right:25px}.canvas-caption>span:last-child{border:1px solid var(--studio-line);background:#ffffffb0;border-radius:20px;padding:3px 10px;font-size:9px}.canvas-hint{color:var(--studio-muted);pointer-events:none;font-size:10px;line-height:1.7;position:absolute;bottom:20px;left:25px;right:180px}.canvas-zoom{background:var(--bg-primary);border:1px solid var(--studio-line);border-radius:7px;align-items:center;padding:4px;display:flex;position:absolute;bottom:20px;right:22px;box-shadow:0 2px 5px #1118270f}.canvas-zoom button{width:26px;height:25px;color:var(--studio-muted);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;display:flex}.canvas-zoom button:hover{background:var(--bg-secondary)}.canvas-zoom span{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:10px}.canvas-zoom i{background:var(--bg-tertiary);width:1px;height:17px;margin:0 4px}.simplification-bar{border:1px solid var(--studio-line);background:var(--bg-primary);z-index:5;border-radius:8px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);padding:13px 15px;display:flex;position:absolute;bottom:68px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #11182721}.simplification-bar strong{font-size:12px;display:block}.simplification-bar span{color:var(--studio-muted);font-size:10px;display:block}.studio-inspector{background:var(--studio-paper);border-left:1px solid var(--studio-line);flex-direction:column;width:316px;min-width:316px;min-height:0;display:flex}.inspector-tabs{border-bottom:1px solid var(--studio-line);gap:15px;height:51px;min-height:51px;padding:0 15px;display:flex}.inspector-tabs button{color:var(--studio-muted);background:0 0;border:0;flex:1;padding:0;font-size:11px;font-weight:550;position:relative}.inspector-tabs button[aria-selected=true]{color:var(--accent-hover)}.inspector-tabs button[aria-selected=true]:after{content:"";background:var(--studio-accent);height:2px;position:absolute;bottom:0;left:8px;right:8px}.inspector-tabs button span{background:var(--bg-secondary);border-radius:4px;margin-left:3px;padding:2px 5px;font-size:9px}.inspector-scroll{scrollbar-width:thin;scrollbar-color:var(--studio-line)transparent;flex:1;min-height:0;padding-bottom:12px;overflow-y:auto}.inspector-section{border-bottom:1px solid var(--studio-line);padding:22px}.inspector-section:last-child{border-bottom:0}.inspector-section>p{font-size:11px}.selection-heading{padding-top:25px;padding-bottom:23px}.eyebrow{letter-spacing:1.6px;color:var(--studio-muted);font-size:8px;font-weight:600}.text-button{color:var(--accent-hover);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex;font-size:11px!important}.text-button:hover{text-decoration:underline}.selection-heading .text-button{margin-top:11px}.field-hint{color:var(--studio-muted)!important;margin-top:8px!important;font-size:10px!important;line-height:1.7!important}.studio-field{flex-direction:column;gap:7px;width:100%;margin:10px 0 0;display:flex}.studio-field>span{color:var(--studio-muted);font-size:10px}.studio-field>input,.piece-search{border:1px solid var(--studio-line);background:var(--bg-primary);border-radius:5px;width:100%;height:36px;padding:8px 10px;font-size:12px}.unit-input{border:1px solid var(--studio-line);background:var(--bg-primary);border-radius:5px;align-items:center;height:36px;display:flex;overflow:hidden}.unit-input input{background:0 0;border:0;outline:none;flex:1;width:100%;padding:8px 10px;font-size:12px}.unit-input small{color:var(--studio-muted);padding-right:10px;font-size:10px}.unit-input.readonly{background:var(--bg-secondary)}.unit-input.readonly span{color:var(--studio-muted);flex:1;padding-left:10px;font-size:12px}.action-pair{gap:9px;margin-top:12px;display:flex}.action-pair>*{flex:1;min-width:0}.action-pair .studio-field{margin:0}.action-pair .studio-button{padding-left:8px;padding-right:8px;font-size:11px!important}.connected-pieces{flex-direction:column;gap:5px;display:flex}.connected-pieces button{background:var(--bg-secondary);border:1px solid var(--studio-line);text-align:left;border-radius:5px;align-items:center;gap:9px;padding:8px 10px;font-size:11px;display:flex}.connected-pieces button i{border-radius:3px;flex-shrink:0;width:14px;height:14px}.connected-pieces button>span{flex:1}.connected-pieces button:hover{background:var(--bg-secondary)}.glass-color-field{border:1px solid var(--studio-line);background:var(--bg-primary);border-radius:5px;align-items:center;gap:10px;margin-top:14px;padding:7px;display:flex}.glass-color-field input{cursor:pointer;background:0 0;border:0;width:30px;height:26px;padding:0}.glass-color-field input::-webkit-color-swatch-wrapper{padding:0}.glass-color-field input::-webkit-color-swatch{border:0;border-radius:3px}.glass-color-field span{color:var(--studio-muted);font-size:11px}.glass-color-field small{color:var(--studio-muted);margin-left:auto;font-size:9px}.glass-swatches{grid-template-columns:repeat(6,1fr);gap:8px;margin:15px 0 5px;display:grid}.glass-swatches button{aspect-ratio:1.2;color:#fff;text-shadow:0 1px 2px #000;border:1px solid #11182714;border-radius:4px;justify-content:center;align-items:center;display:flex}.glass-swatches button:hover{transform:scale(1.08)}.glass-swatches button.chosen{outline:2px solid var(--studio-accent);outline-offset:2px}.piece-measurements{gap:18px;margin-top:18px;display:flex}.piece-measurements b{font-size:11px;font-weight:500;display:block}.piece-measurements span{color:var(--studio-muted);margin-top:3px;font-size:9px;display:block}.tolerance-label{color:var(--studio-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;font-size:10px;display:flex}.tolerance-label strong{font-size:11px;font-weight:500}.tolerance-label input{margin:0}.quick-start{padding-top:19px}.quick-start>button{text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:10px 0;display:flex}.quick-start>button:hover{background:var(--bg-secondary)}.quick-icon{background:var(--bg-secondary);border:1px solid var(--studio-line);color:var(--studio-muted);border-radius:6px;padding:8px;display:flex}.quick-start>button>span:nth-child(2){flex:1}.quick-start b{font-size:11px;font-weight:550;display:block}.quick-start small{color:var(--studio-muted);margin-top:3px;font-size:9px;display:block}.quick-start>button>svg{color:var(--studio-muted)}.cut-checks{margin-top:10px}.cut-checks>button{text-align:left;color:#af8951;background:#fcf7ec;border:1px solid #ece3cc;border-radius:5px;gap:8px;width:100%;margin-top:7px;padding:10px;display:flex}.cut-checks b{font-size:11px;display:block}.cut-checks small{color:#9c8b70;margin-top:3px;font-size:10px;display:block}.check-success{color:var(--studio-muted)!important;font-size:11px!important}.text-button.danger{color:#ad705f}.piece-search{margin-top:15px}.piece-list-actions{justify-content:space-between;margin-top:12px;display:flex}.piece-list{padding:5px 10px}.piece-list>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:11px;width:100%;margin-top:3px;padding:10px 12px;display:flex}.piece-list>button:hover{background:var(--bg-secondary)}.piece-list>button[aria-pressed=true]{background:var(--bg-secondary);border-color:var(--studio-line)}.piece-swatch{color:#fff;text-shadow:0 1px 3px #111827ab;border:1px solid #1118270f;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:36px;font-size:11px;font-weight:600;display:flex}.piece-list>button>span:nth-child(2){flex:1;min-width:0}.piece-list b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.piece-list small{color:var(--studio-muted);margin-top:3px;font-size:9px;display:block}.piece-list>button>svg{color:var(--studio-muted)}.inventory-palette{flex-wrap:wrap;gap:8px;display:flex}.inventory-palette button{border:1px solid var(--studio-line);color:var(--studio-muted);background:0 0;border-radius:5px;align-items:center;gap:6px;padding:5px;display:flex}.inventory-palette i{border-radius:3px;width:22px;height:22px;display:block}.inventory-palette span{min-width:13px;font-size:10px}.inspector-footer{border-top:1px solid var(--studio-line);height:42px;min-height:42px;color:var(--studio-muted);letter-spacing:.4px;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.export-summary{background:var(--bg-secondary);border:1px solid var(--studio-line);border-radius:6px;flex-direction:column;gap:5px;margin-top:17px;padding:13px;display:flex}.export-summary b{font-size:13px;font-weight:500}.export-summary span{color:var(--studio-muted);font-size:10px}.export-options>button{text-align:left;width:100%;color:var(--studio-muted);background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:11px 0;display:flex}.export-options>button:hover{background:var(--bg-secondary)}.export-options>button>span:nth-child(2){flex:1}.export-options b{font-size:11px;font-weight:550;display:block}.export-options small{color:var(--studio-muted);margin-top:4px;font-size:9px;display:block}.export-file-icon{border:1px solid var(--studio-line);background:var(--bg-secondary);width:34px;height:39px;color:var(--studio-muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex}.studio-status{border-top:1px solid var(--studio-line);background:var(--bg-primary);height:31px;min-height:31px;color:var(--studio-muted);letter-spacing:.1px;align-items:center;gap:30px;padding:0 24px;font-size:9px;display:flex}.studio-status>span{align-items:center;gap:6px;display:flex}.studio-status>span:first-child{min-width:130px}.studio-status i{background:var(--studio-accent);border-radius:50%;width:5px;height:5px;display:block}.studio-status .status-shortcuts{color:var(--studio-muted);margin-left:auto}.status-separator{color:var(--studio-muted);padding:0 3px}.studio-notice{z-index:110;background:var(--bg-primary);border:1px solid var(--studio-line);max-width:540px;color:var(--studio-muted);border-radius:8px;align-items:center;gap:10px;padding:11px 12px 11px 15px;font-size:12px;display:flex;position:fixed;bottom:51px;left:25px;box-shadow:0 6px 24px #1118271c}.studio-notice.error{color:#9c5840;background:#fffaf5;border-color:#e9c4b4}.studio-notice>span{flex:1}.studio-notice .icon-button{width:23px;height:23px}.studio-canvas-blocker{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#ffffffc9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.studio-loading{color:var(--studio-muted);justify-content:center;align-items:center;gap:12px;padding:40px;font-size:13px;display:flex}.studio-spinner{border:2px solid var(--studio-line);border-top-color:var(--studio-accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.load-error{text-align:center;background:var(--bg-primary);border:1px solid var(--studio-line);border-radius:9px;max-width:430px;padding:32px;box-shadow:0 8px 30px #11182717}.load-error>svg{margin:auto}.load-error h2{margin:10px 0;font-size:18px}.load-error p{margin-bottom:20px}.load-error .studio-button{margin:5px}.studio-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1118274d;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.studio-modal{background:var(--bg-primary);border:1px solid var(--studio-line);border-radius:13px;width:460px;max-width:100%;max-height:90dvh;padding:25px;overflow-y:auto;box-shadow:0 25px 80px #11182733}.studio-modal.wide{width:900px}.studio-modal-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.studio-modal-title h2{letter-spacing:-.6px;margin:0;font-size:20px;font-weight:500}.modal-intro{font-size:12px;margin-bottom:20px!important}.new-pattern-fields{align-items:center;gap:14px;margin-bottom:18px;display:flex}.new-pattern-fields>span{color:var(--studio-muted);padding-top:28px}.new-pattern-fields .studio-field{flex:1}.modal-or{color:var(--studio-muted);justify-content:center;align-items:center;gap:14px;margin:20px 0;font-size:10px;display:flex}.modal-or:before,.modal-or:after{content:"";background:var(--bg-tertiary);flex:1;height:1px}.demo-card{text-align:left;background:var(--bg-secondary);border:1px solid var(--studio-line);width:100%;color:var(--studio-muted);border-radius:8px;align-items:center;gap:16px;padding:13px;display:flex}.demo-card-art{border-radius:4px;width:66px;height:53px;overflow:hidden}.demo-card-art svg{width:100%;height:100%}.demo-card>span{flex:1}.demo-card b{font-size:13px;font-weight:550;display:block}.demo-card small{color:var(--studio-muted);margin-top:5px;font-size:10px;display:block}.help-steps>div{gap:14px;margin:22px 0;display:flex}.help-steps>div>svg{color:var(--studio-muted);margin-top:4px}.help-steps b{font-size:12px;font-weight:600}.help-steps p{margin-top:5px;font-size:11px}.help-steps kbd{background:var(--bg-secondary);text-align:center;border:1px solid var(--studio-line);min-width:22px;height:21px;color:var(--studio-muted);border-radius:4px;margin-top:3px;font-size:10px}.help-footer{border-top:1px solid var(--studio-line);color:var(--studio-muted);padding-top:16px;font-size:10px}.help-footer span{margin-top:4px;display:block}@media (min-width:1600px){.studio-inspector{width:344px;min-width:344px}.inspector-section{padding-left:26px;padding-right:26px}.studio-header{height:85px;min-height:85px}.canvas-hint{font-size:11px}}@media (max-width:1200px){.studio-header{gap:15px;padding:0 17px}.studio-header-actions{gap:3px}.cloud-button{display:none}.studio-toolbar{gap:8px;padding:0 17px}.studio-tool-group>button{padding:0 8px}.studio-tool-group kbd{display:none}.toolbar-display{gap:1px}.studio-inspector{width:285px;min-width:285px}.inspector-section{padding:20px}.studio-status{gap:15px}.studio-status .status-shortcuts{display:none}.canvas-hint{font-size:9px;left:18px;right:175px}.snap-toggle>span{display:none}}@media (max-width:900px){.studio-header{gap:13px;height:67px;min-height:67px}.studio-header-divider,.studio-header-actions .optional-label{display:none}.studio-header-actions .studio-button{padding:8px}.studio-document-title{max-width:230px}.studio-tool-group>button{gap:6px;padding:0 7px}.toolbar-display>button{padding:6px;font-size:10px}.snap-toggle{margin-left:3px;font-size:10px}.help-button{display:none}.studio-inspector{width:264px;min-width:264px}.inspector-section{padding:17px}.studio-button{font-size:11px!important}.canvas-hint{bottom:57px;right:18px}.canvas-zoom{bottom:15px;right:15px}.studio-toolbar{gap:6px;padding:0 12px}.toolbar-divider{margin:0 2px}.history-tools{gap:0}.history-tools .icon-button{width:27px}.simplification-bar{flex-wrap:wrap;justify-content:center}.simplification-bar>div{flex:1;min-width:190px}}@media (max-width:700px){.pattern-studio{min-height:600px}.studio-header{gap:9px;height:62px;min-height:62px;padding:0 12px}.studio-document-title{min-width:65px}.studio-document-title input{font-size:11px}.studio-document-title>span{white-space:nowrap;max-width:140px;font-size:8px;overflow:hidden}.studio-header-actions .studio-button.quiet:nth-child(3){display:none}.studio-header-actions .studio-button{gap:4px;min-height:32px;padding:6px;font-size:10px!important}.studio-header-actions svg{width:15px;height:15px}.studio-toolbar{flex-wrap:wrap;gap:3px;height:auto;min-height:52px;padding:7px 9px}.studio-tool-group{gap:1px}.studio-tool-group>button{gap:4px;height:30px;padding:0 6px;font-size:10px}.studio-tool-group>button svg{width:15px;height:15px}.toolbar-display{border-top:1px solid var(--studio-line);justify-content:center;gap:12px;width:100%;margin-top:3px;margin-left:0;padding-top:4px}.toolbar-display>button{font-size:10px}.toolbar-display>button:last-of-type{padding:2px}.snap-toggle{margin-left:5px}.toolbar-divider{display:none}.history-tools{margin-left:auto}.studio-workspace{flex-direction:column}.studio-canvas-column{flex:1;min-height:240px}.studio-inspector{border-left:0;border-top:1px solid var(--studio-line);width:100%;min-width:0;height:34vh;min-height:180px;max-height:310px}.inspector-tabs{gap:5px;max-width:100%;height:38px;min-height:38px}.inspector-scroll{padding-bottom:10px}.inspector-footer{display:none}.inspector-section{padding:15px 20px}.selection-heading h1{font-size:18px}.inspector-section.selection-heading>p{font-size:10px}.canvas-caption{top:12px;left:16px;right:16px}.canvas-hint{font-size:8px;bottom:12px;left:16px;right:162px}.canvas-zoom{bottom:12px;right:12px}.studio-status{justify-content:space-between;gap:10px;height:25px;min-height:25px;padding:0 12px;font-size:8px}.studio-status>span:first-child{min-width:0}.studio-status>span:nth-child(2){gap:3px}.studio-status>span:nth-child(2) .status-separator{padding:0}.studio-notice{max-width:none;font-size:11px;bottom:40px;left:12px;right:12px}.studio-modal-backdrop{padding:14px}.studio-modal{padding:20px}.studio-modal-title h2{font-size:18px}.quick-start>button{padding:7px 0}.glass-swatches{grid-template-columns:repeat(12,1fr)}.piece-list{grid-template-columns:1fr 1fr;display:grid}.piece-list>button{padding:7px 10px}.simplification-bar{gap:8px;padding:10px;bottom:53px}.simplification-bar strong{font-size:11px}.simplification-bar span{font-size:9px}.simplification-bar>svg{display:none}.studio-canvas-blocker .load-error{padding:20px}.load-error p{font-size:11px}}@media (prefers-reduced-motion:reduce){.pattern-studio *{transition:none!important;animation-duration:2s!important}}.pattern-studio .studio-toolbar{z-index:10;gap:14px;height:79px;min-height:79px}.purpose-tools{flex:1;align-items:center;gap:16px;display:flex}.purpose-group{flex-shrink:0}.purpose-group>span{color:var(--studio-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px 6px;font-size:9px;display:block}.pattern-studio .purpose-group .studio-tool-group>button{gap:6px;width:auto;padding:0 7px;font-size:11px}.pattern-studio .purpose-group .studio-tool-group>button>span{display:inline}.purpose-group .studio-tool-group kbd{display:none}.tool-menu{z-index:80;border:1px solid var(--studio-line);background:var(--bg-primary);border-radius:10px;width:286px;padding:6px;position:fixed;box-shadow:0 12px 36px #11182726}.tool-menu button{text-align:left;width:100%;color:var(--studio-ink);background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:12px 10px;display:flex}.tool-menu button:hover,.tool-menu button:focus-visible{background:var(--bg-secondary)}.tool-menu button>span{flex:1}.tool-menu b{font-size:12px;display:block}.tool-menu small{color:var(--studio-muted);margin-top:3px;font-size:11px;line-height:1.5;display:block}.tool-menu kbd{color:var(--studio-muted);font-size:10px}.studio-canvas-column>.toolbar-display{z-index:3;border:1px solid var(--studio-line);background:#ffffffed;border-radius:7px;padding:4px 6px;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #11182708}.pattern-studio .inspector-tabs{align-items:stretch;height:65px;min-height:65px}.pattern-studio .inspector-tabs>button{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:7px 3px;display:flex}.pattern-studio .inspector-tabs>button>small{color:var(--studio-muted);order:2;font-size:9px;font-weight:400}.pattern-studio .inspector-tabs>button>span{display:none}.active-tool-guide{background:var(--bg-secondary)}.active-tool-guide .eyebrow{justify-content:space-between;display:flex}.active-tool-guide h2{margin:7px 0 5px;font-size:19px}.active-tool-guide p{font-size:12px}.active-tool-guide summary{cursor:pointer;color:var(--studio-muted);font-size:12px}.make-navigation{z-index:1;border-bottom:1px solid var(--studio-line);background:var(--studio-paper);gap:8px;padding:10px 18px;display:flex;position:sticky;top:0}.make-navigation button{border:1px solid var(--studio-line);background:var(--bg-secondary);color:var(--studio-muted);border-radius:5px;flex:1;padding:7px 4px;font-size:11px}.export-options{scroll-margin-top:58px}.tool-diagram{background:var(--bg-primary);border:1px solid var(--studio-line);border-radius:6px;width:100%;max-height:100px;margin:9px 0}.tool-diagram text{text-anchor:middle;fill:var(--studio-muted);font-family:Arial,sans-serif;font-size:9px}.tool-instruction{color:var(--studio-ink)}.tool-scope{color:var(--studio-ink);background:var(--bg-tertiary);border-radius:5px;margin-top:10px;padding:6px 9px;font-size:11px}.pattern-studio .tool-color-option{padding-top:12px;padding-bottom:12px}.workshop-intro{background:var(--bg-secondary)}.workshop-size{background:var(--bg-primary);border:1px solid var(--studio-line);border-radius:6px;flex-direction:column;gap:4px;margin-top:15px;padding:13px;display:flex}.workshop-size span{color:var(--studio-muted);font-size:11px}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title-row h2{margin:0}.count-badge{background:var(--bg-secondary);color:var(--studio-muted);border-radius:4px;padding:1px 6px;font-size:11px;display:inline-block}.review-list{gap:5px;max-height:235px;margin-top:16px;display:grid;overflow-y:auto}.review-list button{text-align:left;background:var(--bg-primary);color:var(--studio-ink);border:1px solid #e6e5d9;border-radius:6px;align-items:center;gap:9px;padding:11px 9px;display:flex}.review-list button[aria-pressed=true]{background:#faf1df;border-color:#b97521}.review-list button>span{color:#8a5c22;border:1px solid #d2b88c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font-size:11px;display:flex}.review-list button>div{flex:1}.review-list b,.review-list small{display:block}.review-list b{font-size:11px;font-weight:600}.review-list small{color:var(--studio-muted);margin-top:3px;font-size:10px}.review-detail{background:#f9f2e5;border:1px solid #e2d4b9;border-radius:7px;margin-top:12px;padding:14px}.review-detail h3{margin:0 0 8px;font-size:14px}.review-detail p{color:#756345;font-size:12px;line-height:1.7}.review-actions{gap:7px;margin-top:12px;display:grid}.review-actions button{white-space:normal;text-align:left;font-size:11px}.review-limits{color:var(--studio-muted);margin-top:15px;font-size:10px;line-height:1.65}.maker-guide ol{margin:0;padding-left:19px}.maker-guide li{color:var(--studio-muted);margin:12px 0;padding-left:3px;font-size:12px;line-height:1.7}.maker-guide b{color:var(--studio-ink)}.maker-guide details{border-top:1px solid var(--studio-line);margin-top:16px;padding-top:13px;font-size:11px}.maker-guide summary{cursor:pointer;color:var(--studio-muted)}.maker-guide a{color:var(--studio-muted);margin-top:10px;text-decoration:underline;display:block}.tool-measure .pattern-svg{cursor:crosshair}@media (max-width:1200px){.purpose-tools{gap:10px}.pattern-studio .purpose-group .studio-tool-group>button{padding:0 5px;font-size:10px}}@media (max-width:900px){.studio-canvas-column>.toolbar-display{max-width:calc(100% - 16px);top:8px;right:8px}.canvas-caption{display:none}}@media (max-width:1200px){.pattern-studio .studio-header-actions .cloud-button{display:inline-flex}.pattern-studio .studio-header-actions .cloud-button>span{display:none}}@media (max-width:700px){.pattern-studio .studio-header{grid-template-columns:auto 1fr;gap:5px 14px;height:104px;min-height:104px;padding:8px 10px;display:grid}.pattern-studio .studio-document-title{max-width:none}.pattern-studio .studio-header-actions{grid-column:1/-1;justify-content:space-between;gap:3px;margin:0}.pattern-studio .studio-header-actions .studio-button.quiet{display:inline-flex}.pattern-studio .studio-header-actions .ai-launch{gap:5px!important;font-size:10px!important}.pattern-studio .studio-toolbar{flex-wrap:nowrap}.pattern-studio .studio-canvas-column .canvas-caption{display:none}}.cutting-review-intro{background:var(--bg-secondary)}.cutting-summary{flex-wrap:wrap;align-items:baseline;gap:7px;margin:18px 0;display:flex}.cutting-summary>b{letter-spacing:-1px;color:var(--studio-ink);font-size:25px}.cutting-summary>span{color:var(--studio-muted);font-size:11px}.review-categories{gap:7px;display:flex}.review-categories button{border:1px solid var(--studio-line);color:var(--studio-muted);background:0 0;border-radius:6px;flex:1;padding:9px 4px;font-size:11px}.review-categories button[aria-pressed=true]{color:var(--accent-hover);border-color:var(--accent-muted);background:var(--accent-glow)}.review-categories b{background:var(--bg-tertiary);border-radius:3px;margin-left:4px;padding:1px 4px}.review-piece-list{gap:18px;display:grid}.review-piece-title{align-items:center;gap:11px;margin:6px 0 10px;display:flex}.review-piece-title svg{background:var(--bg-secondary);border:1px solid var(--studio-line);border-radius:5px;width:40px;height:40px}.review-piece-title b,.review-piece-title small{display:block}.review-piece-title b{font-size:12px}.review-piece-title small{color:var(--studio-muted);font-size:10px}.cutting-findings .review-list{max-height:none;margin:0;overflow:visible}.cutting-findings .review-detail{border-left:3px solid #cb632b;margin:0 0 22px;padding:16px}.review-detail-label{letter-spacing:.09em;color:#985c37;margin-bottom:9px;font-size:8px}.issue-measurement{color:#805623;background:#eee4d1;border-radius:4px;padding:4px 8px;font-size:11px;display:inline-block}.review-actions>small{color:#8b806a;text-align:center;font-size:10px;line-height:1.6}.review-clear{background:var(--bg-secondary);border:1px solid var(--studio-line);border-radius:7px;flex-direction:column;align-items:flex-start;gap:9px;padding:14px;display:flex}.review-clear svg{color:var(--studio-muted)}.review-clear b{font-size:13px}.review-clear p{font-size:11px}.review-settings details{margin-top:15px}.review-settings summary{color:var(--studio-muted);cursor:pointer;font-size:11px}.review-settings .studio-field{margin-top:15px}.review-settings p{margin-top:14px;font-size:10px;line-height:1.7}.canvas-issue-card{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #ddcdb4;border-radius:9px;width:250px;padding:15px;position:absolute;box-shadow:0 7px 30px #11182729}.canvas-issue-card>b{padding-right:20px;font-size:13px;display:block}.canvas-issue-card>small{color:#836b4f;margin:6px 0 11px;font-size:11px;display:block}.canvas-issue-card>div{gap:7px;display:flex}.canvas-issue-card .studio-button{min-height:31px;padding:6px 10px;font-size:11px!important}.issue-card-close{color:var(--studio-muted);cursor:pointer;background:0 0;border:0;position:absolute;top:8px;right:8px}.curve-legend{z-index:2;border:1px solid var(--studio-line);color:var(--studio-muted);pointer-events:none;background:#ffffffeb;border-radius:5px;gap:14px;padding:8px 11px;font-size:10px;display:flex;position:absolute;top:52px;left:16px}.curve-legend>span{align-items:center;gap:6px;display:flex}.curve-legend i{background:#007fac;border:1px solid #fff;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 1px #007fac}.curve-legend .legend-junction{width:8px;height:8px;margin:0 2px;transform:rotate(45deg)}.curve-legend .legend-control{box-shadow:none;background:#fff3da;border:2px solid #b56616;border-radius:50%;width:12px;height:12px}@media (max-width:700px){.curve-legend{justify-content:center;gap:12px;font-size:9px;left:8px;right:8px}.canvas-issue-card{width:230px;padding:11px}}.studio-modal-backdrop.fullscreen{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c151c;padding:0}.studio-modal.fullscreen{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;color:#f9fafb;background:#0c151c;border:0;border-radius:0;padding:0;position:relative;overflow:hidden}.studio-modal.fullscreen .studio-modal-title{top:max(16px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:2;margin:0;position:absolute}.studio-modal.fullscreen .studio-modal-title .icon-button{color:#f9fafb;background:#111827cc;border:1px solid #4b5563;border-radius:7px;gap:12px;width:auto;min-height:44px;padding:10px 14px;font-size:12px}.studio-modal.fullscreen .studio-modal-title .icon-button:hover{background:#374151}.glass-light-preview{color:#f9fafb;background:#0c151c;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.glass-light-viewport{contain:layout size;flex:1;min-width:0;min-height:0;position:relative}.glass-light-viewport canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.glass-light-caption{pointer-events:none;text-shadow:0 2px 8px #000;position:absolute;top:22px;left:24px}.glass-light-caption>span{color:#e0e7ff;letter-spacing:.19em;margin-bottom:8px;font-size:9px;display:block}.glass-light-caption>b{font-family:Georgia,serif;font-size:23px;font-weight:400;display:block}.glass-light-caption>small{color:#d1d5db;margin-top:7px;font-size:10px;display:block}.glass-light-controls{padding:14px max(18px,env(safe-area-inset-right))max(14px,env(safe-area-inset-bottom))max(18px,env(safe-area-inset-left));background:#111827;border-top:1px solid #374151;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:14px;display:flex}.glass-light-controls label{flex-direction:column;flex:1;gap:7px;min-width:95px;max-width:160px;display:flex}.glass-light-controls label>span{color:#d1d5db;font-size:10px}.glass-light-controls select{color:#f9fafb;background:#1f2937;border:1px solid #4b5563;border-radius:4px;padding:5px;font-size:11px}.glass-light-controls input{accent-color:var(--studio-accent);width:100%}.glass-light-controls button{color:#e5e7eb;background:0 0;border:1px solid #4b5563;border-radius:5px;align-items:center;gap:6px;padding:7px 8px;font-size:10px;display:flex}.glass-light-controls button[aria-pressed=true]{background:var(--studio-accent)}.glass-light-loading{color:#e5e7eb;background:#111827;place-content:center;padding:30px;display:grid;position:absolute;inset:0 0 65px}@media (max-width:700px){.glass-light-caption{max-width:calc(100% - 185px);top:22px;left:15px}.glass-light-caption>b{font-size:18px}.glass-light-controls{padding:12px max(12px,env(safe-area-inset-right))max(12px,env(safe-area-inset-bottom))max(12px,env(safe-area-inset-left));gap:10px}.glass-light-controls label{flex:calc(50% - 10px);max-width:none}}.pattern-studio .glass-light-caption>b{color:#f9fafb}.creation-start{background:#f8f9fc;display:block;overflow-y:auto}.creation-start-header{background:#fff;border-bottom:1px solid #e4e7ef;align-items:center;gap:24px;padding:20px 4%;display:flex}.creation-start-header>a:not(:first-child){color:#5750db;margin-left:auto;font-size:14px}.creation-start-main{max-width:1180px;margin:0 auto;padding:64px 28px 40px}.creation-start-main>h1{letter-spacing:-.035em;color:#172033;max-width:850px;margin:14px 0;font-size:clamp(28px,3.4vw,44px);line-height:1.15}.creation-start-lead{color:#606b7e;max-width:750px;font-size:17px;line-height:1.7}.creation-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px;display:grid}.creation-method{text-align:left;cursor:pointer;color:#182035;background:#fff;border:1px solid #dfe3ee;border-radius:18px;flex-direction:column;align-items:flex-start;padding:26px;transition:border-color .15s,box-shadow .15s;display:flex}.creation-method:hover,.creation-method:focus-visible{outline-offset:3px;border-color:#6860ed;outline:2px solid #6860ed;box-shadow:0 8px 30px #6258e51a}.creation-method-icon{color:#6358e8;background:#eeecff;border-radius:13px;margin-bottom:24px;padding:14px}.creation-method h2{letter-spacing:-.025em;margin:0 0 10px;font-size:23px}.creation-method strong{font-size:14px;font-weight:600}.creation-method p{color:#5b6577;margin:14px 0;font-size:15px;line-height:1.65}.creation-method small{color:#707b8b;margin-bottom:26px;font-size:13px;line-height:1.6}.creation-method-cost{color:#5e6279;background:#f3f4f9;border-radius:20px;margin-top:auto;padding:6px 10px;font-size:12px}.creation-method-cta{color:#5b50d7;justify-content:space-between;align-items:center;width:100%;margin-top:24px;font-size:14px;font-weight:650;display:flex}.creation-start-alternative{color:#687385;justify-content:center;align-items:center;gap:14px;margin-top:30px;font-size:14px;display:flex}.creation-start-save{text-align:center;color:#687385;margin-top:32px;font-size:13px}.creation-start-form{max-width:720px;margin-top:28px}.creation-start-form>button{margin-bottom:18px}.creation-start-form .create-panel{background:#fff;border:1px solid #e2e5ee;border-radius:16px;overflow:hidden}.creation-start-form .create-intro,.creation-start-form .create-mode{display:none}@media (max-width:760px){.creation-start-main{padding:32px 20px}.creation-methods{grid-template-columns:1fr}.creation-start-header{flex-wrap:wrap;gap:12px}.creation-start-alternative{flex-direction:column}.creation-method-icon{margin-bottom:16px}}.removal-choices{gap:12px;display:grid}.removal-choice{text-align:left;white-space:normal;justify-content:flex-start;align-items:flex-start;padding:16px}.removal-choice>svg{flex-shrink:0;margin-top:2px}.removal-choice span{gap:6px;display:grid}.removal-choice small{color:var(--studio-muted);font-weight:400;line-height:1.5}.inspector-scroll[data-panel=design] .inspector-section,.glass-panel .inspector-section,.inspector-scroll[data-panel=design] .selection-heading{padding:18px 22px}.inspector-scroll[data-panel=design] .selection-heading h1{margin:7px 0;font-size:21px}.inspector-scroll[data-panel=design] .selection-heading p{font-size:12px;line-height:1.5}.inspector-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inspector-heading-row h2{overflow-wrap:anywhere;min-width:0;margin:0}.inspector-heading-row small{color:var(--studio-muted);white-space:nowrap;font-size:10px}.glass-selection{z-index:2;background:var(--bg-primary);border-bottom:1px solid var(--studio-line);position:sticky;top:0}.glass-selection .glass-color-field{margin:12px 0 0}.inspector-label{margin:0 0 12px;font-size:12px;font-weight:650}.inspector-disclosure>summary{cursor:pointer;color:var(--studio-ink);font-size:12px;font-weight:600}.inspector-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.inspector-disclosure[open]>summary{margin-bottom:14px}.project-swatches{grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 16px}.project-swatches button{aspect-ratio:1;height:auto;min-height:30px}.project-swatches button:disabled{opacity:.75;cursor:default}.inline-color{border:1px solid var(--studio-line);border-radius:4px;width:18px;height:18px}.color-filters{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.color-filters button{border:1px solid var(--studio-line);background:var(--bg-primary);border-radius:7px;align-items:center;gap:5px;min-height:30px;padding:5px 7px;font-size:10px;display:inline-flex}.color-filters button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.color-filters i{border:1px solid #0002;border-radius:4px;width:17px;height:17px}.glass-piece-list{overscroll-behavior:contain;max-height:320px;overflow-y:auto}.tool-help .active-tool-guide{border:0;padding:0!important}.tool-color-option .inspector-label{margin-top:15px}.inspector-scroll[data-panel=design] .piece-measurements{margin-top:12px}
.studio-onboarding{border:1px solid var(--accent-muted);background:linear-gradient(145deg,var(--accent-glow),var(--bg-primary)65%);color:var(--studio-ink);border-radius:14px;margin:16px;padding:18px}.studio-onboarding:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.onboarding-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.onboarding-heading>span{letter-spacing:.09em;color:var(--accent-hover);font-size:10px;font-weight:700}.onboarding-heading>div{display:flex}.studio-onboarding button{cursor:pointer;font:inherit;border-radius:7px}.onboarding-heading button{width:30px;height:30px;color:var(--studio-muted);background:0 0;border:0;font-size:21px}.studio-onboarding h2{letter-spacing:-.5px;margin:14px 0 12px;font-size:21px;font-weight:600;line-height:1.25}.studio-onboarding p{color:var(--studio-muted);margin:12px 0;font-size:13px;line-height:1.6}.studio-onboarding .onboarding-primary{background:var(--accent);color:#fff;text-align:left;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px 12px;font-weight:600;display:flex}.studio-onboarding button:disabled{opacity:.5;cursor:default}.studio-onboarding button:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px}.studio-onboarding .tool-diagram{border-radius:8px;width:100%;height:85px;margin:0}.onboarding-starts{gap:6px;margin:10px 0;display:grid}.onboarding-starts button,.onboarding-link,.onboarding-resume{color:var(--accent-hover);text-align:left;background:0 0;border:0;padding:8px 0}.studio-onboarding small{color:var(--studio-muted);font-size:11px}.onboarding-progress{gap:8px;margin:10px 0;display:flex}.onboarding-progress button{border:1px solid var(--studio-line);background:var(--bg-primary);height:28px;color:var(--studio-muted);flex:1}.onboarding-progress button[aria-current]{background:var(--accent);color:#fff;border-color:var(--accent)}.studio-onboarding .onboarding-tip{background:var(--bg-secondary);border-radius:8px;padding:10px 12px;font-size:12px}.onboarding-feedback{color:var(--accent-hover);align-items:center;min-height:36px;font-size:12px;display:flex}.onboarding-navigation{border-top:1px solid var(--studio-line);justify-content:space-between;margin-top:8px;padding-top:8px;display:flex}.onboarding-navigation button{color:var(--accent-hover);background:0 0;border:0;padding:8px 0;font-weight:600}.pattern-studio[data-guide=select] [data-onboarding=select],.pattern-studio[data-guide=bend] [data-onboarding=bend],.pattern-studio[data-guide=straight-cut] [data-onboarding=straight-cut],.pattern-studio[data-guide=rectangle-contour] [data-onboarding=Frame\ artwork],.pattern-studio[data-guide=make] [data-onboarding=export],.pattern-studio[data-guide=preview] [data-onboarding=preview]{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-glow)}@media (max-width:700px){.studio-onboarding{margin:10px;padding:14px}}