@font-face{font-family:Atelier;src:local('Inter'),local('Inter Regular');font-weight:100 900;font-display:swap}
:root{--paper:#faf9f6;--panel:#f9f8f5;--canvas:#eeefec;--ink:#262b30;--muted:#7a7d7b;--green:#214f40;--green-deep:#183f33;--sage:#e2e9df;--line:#e0e1dc;--soft-line:#e8e8e3;--radius:6px;--header:72px;--footer:46px;--rail:76px;--palette:264px;--inspector:334px;font-family:Atelier,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--paper)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:default;opacity:.33}button:not(:disabled),a{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #5a8b77;outline-offset:3px}input,select{min-width:0}input[type=number],input[type=text],.field-label>input,select{border:1px solid #d3d6cf;border-radius:5px;background:#fdfcf9;min-height:36px;padding:8px 11px}input[type=number]{width:100%;font-weight:550;font-size:16px}input[type=color]{padding:3px;min-height:40px;width:100%;cursor:pointer}input[type=range]{accent-color:var(--green);cursor:pointer;min-height:18px}input[type=search]{appearance:none}svg.icon{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon.small{width:17px;height:17px}.icon.tiny{width:13px;height:13px}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon-button{height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#3f4546}.icon-button:hover:not(:disabled){background:#e9ece5}.small-button{height:28px;min-width:28px}.muted{color:#898c88}.subtle{font-size:11px;color:#999b94}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;padding:10px 17px;min-height:40px;border-radius:5px;font-size:13px;font-weight:550;white-space:nowrap}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.primary:hover{background:var(--green-deep);box-shadow:0 3px 8px #214f4016}.button.outline{border-color:#718e7e;color:var(--green);background:transparent}.button.outline:hover{background:#e9eee5}.text-button{padding:5px 0;color:var(--green);font-size:12px;font-weight:550;text-align:left}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.danger{color:#ac594c}.full-width{width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:15px;font-weight:600}h3{font-size:14px;font-weight:600}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#818b80}.topbar{height:var(--header);display:flex;align-items:center;padding:0 24px;gap:22px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#254c40;white-space:nowrap;font-size:20px;font-weight:600;letter-spacing:1.8px}.brand-mark{width:36px;height:36px}.project-heading{display:flex;align-items:center;gap:22px;border-left:1px solid #d5d9d1;padding-left:24px;min-width:0}.project-name{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;padding:6px 0;white-space:nowrap}.project-name span{max-width:180px;overflow:hidden;text-overflow:ellipsis}.project-name .icon{color:#91958e;width:13px;height:13px}.save-state{font-size:11px;display:flex;align-items:center;gap:7px;color:#787d77;white-space:nowrap}.save-check{background:#81a78c;color:white;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.mode-switch{display:flex;position:absolute;left:53%;transform:translateX(-50%);border:1px solid #d9dcd4;border-radius:6px;background:#f4f3ef;padding:3px;box-shadow:0 1px 2px #00000003}.mode-switch button{padding:9px 32px;color:#737873;font-size:13px;min-width:94px;border-radius:3px}.mode-switch button.active{background:#dfe5da;color:#244d3e;box-shadow:0 1px 2px #00000008;font-weight:600}.header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.header-divider{height:30px;background:var(--line);width:1px;margin:0 2px}.export-button{min-width:116px;height:42px;font-size:14px;justify-content:space-between;padding-inline:22px}.menu-anchor{position:relative}.dropdown{position:absolute;right:0;top:calc(100% + 10px);width:264px;background:#fffefa;border:1px solid var(--line);box-shadow:0 14px 48px #27362d20;border-radius:10px;padding:8px;z-index:50}.dropdown button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:5px;font-size:13px}.dropdown button:hover{background:#edf1e8}.dropdown button>span{display:flex;flex-direction:column;gap:4px}.dropdown small{font-size:10px;color:#8a8d85;font-weight:400}.dropdown hr{border:0;border-top:1px solid var(--soft-line);margin:5px 8px}.menu-label{font-size:8px;letter-spacing:1.1px;color:#8a9286;padding:10px 12px 7px;font-weight:600}.studio{height:calc(100dvh - var(--header) - var(--footer));display:grid;grid-template-columns:var(--rail) var(--palette) minmax(300px,1fr) var(--inspector)}.tool-rail{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px;padding:11px 7px;background:var(--panel)}.tool{height:72px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#646a66;border-radius:7px;font-size:11px}.tool>.icon{width:25px;height:25px;stroke-width:1.5;color:#343b3b}.tool:hover{background:#edf0e8}.tool.active{background:#dfebe0;color:var(--green)}.tool.active>.icon{color:var(--green)}.rail-spacer{flex:1}.mobile-palette{display:none}.palette-panel{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d8ddd1 transparent}.palette-section{padding:0 16px 24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:60px}.section-heading h2{display:flex;align-items:center;gap:10px}.count-badge{display:inline-flex;align-items:center;justify-content:center;background:#eaeae4;color:#5d665e;border-radius:14px;min-width:25px;padding:3px 7px;font-size:11px;font-weight:500;margin-left:5px}.palette-section>.section-heading{border-bottom:1px solid var(--soft-line);margin-bottom:17px}.bead-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;padding:0 4px}.bead-brand>div{display:flex;flex-direction:column;gap:7px}.bead-brand strong{font-weight:600;font-size:13px}.bead-brand>div>span{font-size:12px;color:#777e74;display:flex;gap:7px;align-items:center}.bead-brand>.icon{width:17px;height:17px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #d3d6ce;border-radius:5px;min-height:38px;padding:0 11px;background:#faf9f6}.search-box>.icon{width:18px;height:18px;color:#676f65}.search-box input{background:transparent;border:0;outline:none;width:100%;padding:10px 0;font-size:12px}.search-box:focus-within{border-color:#779884;box-shadow:0 0 0 2px #85a5901b}.palette-list{display:flex;flex-direction:column;gap:5px;margin-top:13px}.palette-card{display:flex;align-items:center;gap:13px;border:1px solid #e8e8e1;border-radius:6px;min-height:59px;padding:4px 9px 4px 5px;background:linear-gradient(105deg,#fbfaf7,#f9f8f4);text-align:left;position:relative}.palette-card:hover{background:#f0f2e9;border-color:#bdcbbd}.palette-card.active{border-color:#58876f;background:#e4ebdf;box-shadow:0 0 0 1px #73977e0f}.bead-swatch{width:46px;height:46px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:5px;background:linear-gradient(140deg,#fcfbf5,#eceae2);box-shadow:inset 0 0 0 1px #dadbd136;overflow:hidden}.bead-swatch canvas{width:100%;height:100%;object-fit:contain}.palette-symbol{font-size:12px;font-weight:600;min-width:9px}.palette-name{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-check{width:20px;height:20px;color:white;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette-check .icon{width:13px;height:13px}.palette-qty{font-size:10px;color:#75816f;background:#f2f3ed;padding:4px 5px;border-radius:4px;font-variant-numeric:tabular-nums}.browse-button{width:100%;margin-top:22px;min-height:39px;font-size:11px;gap:8px;padding-inline:8px}.reference-section{border-top:1px solid var(--line);padding:0 15px}.reference-heading{display:flex;align-items:center;gap:9px;min-height:64px;width:100%;padding:0;font-size:12px;text-align:left}.reference-heading .plus{margin-left:auto;color:#7c8378}.reference-heading[aria-expanded=true]>.icon:first-child{transform:rotate(180deg)}.reference-content{padding:0 4px 20px;font-size:11px;color:#7a8275}.reference-empty{padding:18px 8px;border:1px dashed #c8d0c1;text-align:center;border-radius:6px;display:flex;flex-direction:column;gap:10px;align-items:center}.reference-content img{display:block;width:100%;height:90px;object-fit:cover;border-radius:4px;margin-bottom:14px}.slider-label{display:grid;grid-template-columns:1fr auto;gap:5px}.slider-label input{grid-column:span 2;width:100%}.reference-actions{display:flex;justify-content:space-between}.palette-foot{margin-top:auto;display:flex;align-items:center;gap:6px;padding:16px 16px 20px;font-size:9px;color:#92998c;white-space:nowrap}.tiny-dot{width:4px;height:4px;background:#a9b39d;border-radius:50%}.canvas-section{min-height:0;min-width:0;position:relative;display:flex;flex-direction:column}.context-toolbar{min-height:51px;display:flex;align-items:center;padding:0 20px;gap:15px;border-bottom:1px solid var(--line);background:var(--paper);z-index:3;white-space:nowrap}.context-toolbar select{min-height:30px;border:0;background:transparent;padding:4px 16px 4px 0;font-size:12px;cursor:pointer}.tool-select-label>select{font-weight:550;min-width:62px}.toolbar-rule{height:21px;width:1px;background:#d7dbd2}.active-material{display:flex;align-items:center;padding:0;gap:3px}.active-material canvas{width:32px;height:32px}.active-material .icon{color:#8a9285}.symmetry-label{display:flex;gap:5px;align-items:center;font-size:12px}.toolbar-spacer{flex:1}.toggle-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:450;cursor:pointer}.toggle-label:has(input:checked){color:var(--green)}input.switch{appearance:none;width:32px;height:18px;border:0;border-radius:12px;background:#bfc3ba;position:relative;cursor:pointer;margin:0;flex-shrink:0;transition:.15s}input.switch:after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .15s}input.switch:checked{background:#2c5a47}input.switch:checked:after{transform:translateX(14px)}.canvas-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#f2f3ef 0%,#edeeea 100%)}#patternCanvas{width:100%;height:100%;display:block;touch-action:none;outline:none;cursor:crosshair}.canvas-caption{position:absolute;bottom:17px;left:24px;display:flex;align-items:center;gap:8px;pointer-events:none;font-size:8px;letter-spacing:1.4px;color:#9ba092}.caption-rule{width:18px;height:1px;background:#abb3a3}.selection-bar{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:7px 8px;background:#fffefa;box-shadow:0 4px 20px #25312b20;border:1px solid #d6dccc;border-radius:8px;white-space:nowrap}.selection-bar>span{padding:0 7px;font-size:10px;color:#88917e}.selection-bar button{display:flex;align-items:center;gap:4px;font-size:10px;padding:6px;border-radius:3px}.selection-bar button:hover{background:#edf0e7}.inspector-panel{border-left:1px solid var(--line);background:var(--panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d8ddd1 transparent;display:flex;flex-direction:column}.preview-section{padding:0 15px 17px;border-bottom:1px solid var(--line)}.preview-section>.section-heading{min-height:53px}.preview-heading-actions{display:flex;align-items:center;gap:9px}.live-label{font-size:8px;letter-spacing:1.1px;color:#788c73;display:flex;align-items:center;gap:4px}.live-label>span{width:4px;height:4px;background:#8ba080;border-radius:50%}.preview-canvas{width:100%;height:clamp(245px,44dvh,480px);border-radius:6px;overflow:hidden;position:relative;background:#e9e4db}.preview-canvas>canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.preview-canvas>canvas:active{cursor:grabbing}.preview-signature{position:absolute;bottom:14px;left:14px;pointer-events:none;font-size:7px;letter-spacing:1.5px;color:#736e6257;line-height:1.8}.preview-signature>span{display:block;letter-spacing:2.4px;font-size:6px}.preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;font-size:11px;color:#7d8173}.loader{width:22px;height:22px;border:1px solid #9eaa9233;border-top-color:#53775c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.segmented{display:flex;border:1px solid #d3d8cc;border-radius:5px;overflow:hidden;background:#f9f8f5}.segmented button{padding:8px 20px;font-size:11px;color:#737c6f;min-width:65px}.segmented button.active{background:#d9e1d4;color:#2a513f;font-weight:550;box-shadow:inset 0 0 0 1px #cad5c4}.rotate-hint{display:flex;align-items:center;gap:7px;color:#8b8f83;font-size:9px;white-space:nowrap;padding:4px 0}.rotate-hint>.icon{width:17px;height:17px}.rotate-hint:hover{color:var(--green)}.pattern-section{padding:0 17px 0;border-bottom:1px solid var(--line)}.pattern-section>.section-heading{min-height:56px}.small-note{font-size:9px;color:#8f9686;white-space:nowrap}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px}.dimension-fields label{display:flex;flex-direction:column;gap:7px;font-size:11px}.field-label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-top:17px}.locked-field{min-height:39px;border:1px solid #d5d8cf;display:flex;align-items:center;gap:9px;border-radius:5px;padding:9px 11px;background:#fbfaf7;font-size:12px}.locked-field>.icon{width:17px;height:17px;color:#798274}.bead-type-tag{margin-left:auto;font-size:7px;letter-spacing:1.4px;color:#a2a697}.size-note{font-size:9px;color:#7a856f;margin-top:12px;display:flex;justify-content:space-between;gap:6px}.size-note>span{color:#a1a695}.advanced-settings{margin-top:9px}.advanced-settings summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:15px 0;font-size:11px;user-select:none}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings:not([open]) summary>.icon{transform:rotate(-90deg)}.advanced-settings summary>span{margin-left:auto;font-size:9px;color:#9ca18f}.advanced-body{padding:1px 0 15px;display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#677360}.setting-row select{font-size:10px;min-height:28px;padding:5px 7px;max-width:145px}.setting-row input{max-width:145px;width:100%}.material-summary{margin-top:auto;padding:23px 18px 20px}.material-summary .eyebrow{font-size:8px;letter-spacing:1.6px}.material-summary p{font-family:Georgia,'Times New Roman',serif;font-size:16px;font-style:italic;color:#88917b;margin-top:8px;line-height:1.4}.material-summary>div{display:flex;gap:8px;font-size:9px;color:#9bA28e;margin-top:11px}.statusbar{display:flex;align-items:center;justify-content:space-between;height:var(--footer);background:var(--paper);border-top:1px solid var(--line);padding:0 19px;position:relative;z-index:10;font-size:11px}.status-tool{display:flex;align-items:center;gap:8px;min-width:240px}.status-tool canvas{width:25px;height:25px}.status-tool #cursorCoords{font-size:9px;color:#9aa18f;margin-left:12px}.status-hint{color:#919687;font-size:10px;display:flex;gap:10px}.status-hint>span{color:#bac1b0}.zoom-controls{display:flex;align-items:center}.zoom-controls button{height:29px;min-width:29px;display:flex;align-items:center;justify-content:center;border:1px solid #d8dcd1;font-size:10px}.zoom-controls button:hover{background:#edf1e7}.zoom-controls button:first-child{border-radius:4px 0 0 4px}.zoom-controls #zoomPercent{min-width:49px;border-left:0;border-right:0;cursor:pointer;font-variant-numeric:tabular-nums}.zoom-controls #zoomInBtn{border-radius:0 4px 4px 0}.zoom-controls .fit-button{margin-left:11px;min-width:43px;border-radius:4px}.toast{position:fixed;bottom:64px;left:50%;transform:translate(-50%,10px);background:#244937;color:#fffdf5;z-index:150;padding:12px 20px;border-radius:7px;font-size:12px;box-shadow:0 7px 25px #20362b23;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 28px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e1e4d7;background:#fbfaf6;color:var(--ink);border-radius:13px;box-shadow:0 24px 100px #182b2540;padding:28px;max-height:88dvh;max-width:calc(100vw - 28px);overflow:auto}dialog::backdrop{background:#25352e58;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-heading h2{font-size:26px;font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#31523f;margin-top:7px;letter-spacing:-.5px}.dialog-heading p{color:#8a917f;font-size:12px;margin-top:9px}.dialog-heading>.icon-button{margin:-7px -7px 0 0}.library-dialog{width:710px}.library-toolbar{display:flex;gap:13px;margin-bottom:20px}.library-toolbar .search-box{flex:1}.library-toolbar select{font-size:12px;min-width:134px}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:52dvh;overflow:auto;scrollbar-width:thin;padding:3px}.library-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e0e3d6;background:#f6f5ee;border-radius:7px;padding:11px 5px 13px;min-height:148px;position:relative}.library-card:hover{border-color:#769274;background:#edf1e5;transform:translateY(-1px)}.library-card canvas{width:82px;height:82px}.library-card strong{font-size:11px;font-weight:500;line-height:1.5}.library-card>span{color:#919981;font-size:9px;text-transform:capitalize;margin-top:4px}.library-card .in-palette{position:absolute;right:9px;top:9px;width:16px;height:16px;border-radius:50%;font-size:10px;background:#dbe5d2;color:#456143;display:grid;place-items:center}.dialog-foot{border-top:1px solid #e5e6dd;margin-top:22px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.dialog-foot>span{font-size:10px;color:#8c947e;max-width:320px;line-height:1.6}.dialog-foot .button{font-size:11px;min-height:33px}.small-dialog{width:384px;padding:26px}.small-dialog .dialog-heading{margin-bottom:14px}.small-dialog .dialog-heading h2{font-size:24px}.material-hero{height:172px;background:radial-gradient(ellipse,#f2f0e4,#e9e9df);border-radius:7px;display:grid;place-items:center}.material-hero canvas{width:200px;height:160px}.material-fields{display:grid;grid-template-columns:90px 1fr;gap:15px}.material-explainer{font-size:11px;color:#8a937d;line-height:1.65;margin:20px 0}.help-dialog{width:680px}.help-dialog>p{font-size:13px;line-height:1.8;color:#7b866f;margin-bottom:25px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.help-grid h3{color:#4b6041}.help-grid dl{display:grid;grid-template-columns:1fr auto;gap:12px 12px;font-size:10px;margin-top:18px}.help-grid dt{color:#859077}.help-grid dd{margin:0;display:flex;gap:5px;align-items:center;justify-content:flex-end;font-size:10px;color:#68755c}kbd{background:#f1f2e9;border:1px solid #dfe3d4;box-shadow:0 1px 0 #d5dcc9;border-radius:3px;padding:2px 4px;font:9px inherit;white-space:nowrap}.help-note{padding:18px;background:#edf1e7;border-radius:5px;color:#76856a;font-size:11px;line-height:1.8;margin:23px 0}.help-note strong{color:#4f6642}.presets-dialog{width:660px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.preset-card{border:1px solid #dde3d1;border-radius:7px;padding:10px;background:#f4f4ec;text-align:left}.preset-card:hover{border-color:#839772;background:#eaf0e0}.preset-card canvas{width:100%;height:180px;object-fit:contain;background:#eceee4;border-radius:4px}.preset-card strong{font-size:11px;display:block;padding:12px 0 5px;font-weight:500}.preset-card>span{font-size:9px;color:#8b997b}.preview-dialog{width:min(1100px,94vw);padding:22px}.preview-dialog .dialog-heading{margin-bottom:15px}.preview-dialog .dialog-heading h2{font-size:23px}.expanded-preview .preview-canvas{height:65dvh;border-radius:8px}.expanded-controls{display:flex;align-items:center;gap:12px;margin-top:16px}.expanded-controls>span{margin-right:auto;font-size:11px;color:#8b967d}.expanded-controls .button{font-size:11px;min-height:35px}#renameForm .button{margin-top:22px}.make-toolbar{min-height:51px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--line);background:#edf2e8}.make-toolbar>strong{font-size:12px;font-weight:550;color:#35583e}.make-toolbar>span:not(.make-indicator){font-size:10px;color:#8a967f}.make-toolbar .text-button{margin-left:auto;font-size:10px}.make-indicator{height:6px;width:6px;border-radius:50%;background:#77966a}.make-floating{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:13px 17px;border:1px solid #d8e0cb;background:#fffef8;border-radius:9px;box-shadow:0 8px 30px #2b413220;white-space:nowrap}.make-floating>div{display:flex;flex-direction:column;gap:4px}.make-floating .eyebrow{font-size:7px;letter-spacing:1.1px}.make-floating strong{font-size:19px;font-weight:500;color:#385b40}.make-floating strong>span{font-size:11px;color:#9ca78f}.make-floating .button{font-size:10px;min-height:34px;padding:7px 12px}.make-section{padding:0 18px 23px;border-bottom:1px solid var(--line)}.make-section h2{font-size:13px}.progress-track{height:5px;border-radius:4px;background:#e1e7d8;overflow:hidden}.progress-track>div{height:100%;background:#76986b;transition:width .3s}.make-progress-text{font-size:10px;color:#8e9a80;margin-top:9px}.row-direction{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.row-direction strong{font-size:12px;font-weight:550}.row-direction span{font-size:9px;color:#929e83}.row-guide{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0 22px}.row-run{display:flex;align-items:center;gap:4px;background:#eef1e7;border-radius:4px;padding:5px 7px;font-size:10px}.row-run canvas{width:19px;height:19px}.row-run b{font-weight:550}.row-run span{color:#8a977d}.make-section .button{font-size:10px;min-height:34px}.make-section>.text-button{font-size:10px;margin-top:12px}.studio.make-mode .tool-rail>.tool:not(.mobile-palette){opacity:.4;pointer-events:none}.studio.make-mode .dimension-fields input{pointer-events:none}.empty-state{text-align:center;font-size:11px;color:#8c9683;padding:22px 6px}
@media(min-width:1700px){:root{--rail:86px;--palette:294px;--inspector:370px}.palette-section{padding-inline:20px}.palette-card{min-height:65px}.bead-swatch{width:50px;height:50px}.palette-name{font-size:13px}.palette-symbol{font-size:13px}.context-toolbar{padding-inline:25px;gap:20px}.preview-section{padding-inline:18px}.preview-canvas{height:48dvh}.tool{height:78px}.tool>span{font-size:12px}.brand{font-size:22px}.section-heading h2{font-size:16px}}
@media(max-width:1320px){:root{--rail:65px;--palette:228px;--inspector:290px;--header:64px;--footer:42px}.topbar{padding:0 18px;gap:18px}.brand{font-size:17px;letter-spacing:1.2px;gap:9px}.brand-mark{width:30px;height:30px}.project-heading{gap:12px;padding-left:18px}.project-name{font-size:13px}.save-state{font-size:9px;gap:4px}.mode-switch{left:54%}.mode-switch button{min-width:78px;padding:7px 22px;font-size:11px}.header-actions{gap:6px}.export-button{min-width:93px;height:37px;font-size:12px;padding-inline:16px}.icon-button{min-width:30px;height:32px}.header-divider{margin-inline:0}.palette-section{padding-inline:13px}.section-heading h2{font-size:13px}.bead-brand{padding:0}.bead-brand strong{font-size:12px}.subtle{font-size:9px}.palette-card{min-height:55px;gap:10px}.palette-name{font-size:11px}.bead-swatch{width:42px;height:42px}.palette-qty{font-size:9px}.palette-check{width:17px;height:17px}.palette-foot{font-size:8px;padding-left:12px}.reference-heading{font-size:11px;gap:7px}.tool{height:66px;font-size:10px}.tool>.icon{width:23px;height:23px}.context-toolbar{padding-inline:14px;gap:11px;min-height:47px}.context-toolbar select,.symmetry-label{font-size:11px}.context-toolbar .toggle-label{font-size:10px;gap:5px}.toolbar-rule{height:18px}.active-material canvas{width:28px;height:28px}.preview-section{padding-inline:13px}.segmented button{padding:7px 15px;min-width:58px;font-size:10px}.rotate-hint{font-size:8px;gap:4px}.preview-section>.section-heading{min-height:47px}.preview-canvas{height:clamp(240px,43dvh,440px)}.pattern-section{padding-inline:15px}.pattern-section>.section-heading{min-height:51px}.dimension-fields{gap:15px}.material-summary p{font-size:14px}.statusbar{font-size:10px;padding-inline:14px}.status-hint{font-size:9px}.status-tool{min-width:210px}.preview-heading-actions{gap:4px}.live-label{font-size:7px}.small-note{font-size:8px}.make-floating{gap:10px;padding:10px}.make-toolbar{gap:7px;padding:0 12px}.make-toolbar>strong{font-size:11px}.make-toolbar>span:not(.make-indicator){font-size:9px}}
@media(max-width:1120px){:root{--palette:202px;--inspector:262px;--rail:58px}.brand{font-size:14px;letter-spacing:1px;gap:7px}.brand-mark{width:28px;height:28px}.project-heading{padding-left:12px;gap:8px}.project-name{font-size:12px;gap:7px}.project-name span{max-width:120px}.save-state>span:last-child{display:none}.topbar{gap:13px;padding-inline:14px}.mode-switch{left:54.5%}.mode-switch button{min-width:66px;padding:7px 17px}.header-actions{gap:4px}.header-divider{margin:0}.export-button{min-width:85px;padding-inline:13px}.palette-section{padding-inline:11px}.palette-card{gap:9px;padding-right:6px}.bead-swatch{width:37px;height:42px}.palette-name{font-size:10px}.palette-symbol{font-size:10px}.bead-brand .subtle{display:none}.browse-button{font-size:10px}.reference-section{padding-inline:11px}.reference-heading{font-size:10px}.palette-foot{font-size:7px;gap:4px}.section-heading h2{font-size:12px}.count-badge{font-size:10px;min-width:22px;padding:2px 6px;margin-left:2px}.context-toolbar{gap:8px;padding-inline:11px}.context-toolbar select,.symmetry-label{font-size:10px}.tool-select-label>select{min-width:55px}.context-toolbar .toggle-label{font-size:9px;gap:4px}.switch{transform:scale(.9)}.active-material .icon{display:none}.active-material canvas{width:26px;height:26px}.context-toolbar .toolbar-rule:nth-of-type(2){display:none}.symmetry-label{gap:1px}.preview-section{padding-inline:11px}.segmented button{min-width:52px;padding:7px 11px}.rotate-hint>span{font-size:7px}.live-label{display:none}.pattern-section{padding-inline:12px}.size-note{font-size:8px}.material-summary{padding-inline:12px}.material-summary p{font-size:13px}.status-hint{font-size:8px}.canvas-caption{font-size:7px;left:15px}.status-tool{min-width:175px}.status-tool #cursorCoords{margin-left:1px}.make-toolbar>span:not(.make-indicator){display:none}.make-floating{gap:7px}.make-floating .button{padding:7px 8px;font-size:9px}.selection-bar{gap:2px;padding:5px}.selection-bar button{font-size:9px}}
@media(max-width:950px){:root{--palette:210px;--inspector:240px}.studio{grid-template-columns:var(--rail) minmax(300px,1fr) var(--inspector)}.palette-panel{position:absolute;left:var(--rail);top:var(--header);bottom:var(--footer);width:var(--palette);z-index:15;box-shadow:15px 0 35px #22342918;transform:translateX(-140%);transition:transform .2s}.palette-panel.open{transform:translateX(0)}.mobile-palette{display:flex}.mode-switch{position:static;transform:none;margin-left:auto}.header-actions{margin-left:4px}.project-heading{flex:1}.brand{font-size:13px}.mode-switch button{padding:6px 13px;min-width:62px}.save-state{display:none}.context-toolbar .toolbar-rule:nth-of-type(2){display:block}.active-material .icon{display:block}.context-toolbar{gap:10px}.canvas-caption{font-size:7px}.palette-name{font-size:11px}}
@media(max-width:720px){:root{--header:58px;--footer:43px;--rail:52px}.studio{grid-template-columns:var(--rail) minmax(240px,1fr)}.inspector-panel{display:none}.brand span{display:none}.brand-mark{width:29px;height:29px}.project-heading{padding-left:10px}.project-name{font-size:11px}.project-name span{max-width:130px}.topbar{gap:10px;padding-inline:10px}.mode-switch button{min-width:52px;padding:6px 10px;font-size:10px}.header-actions>.icon-button{display:none}.header-divider{display:none}.export-button{min-width:75px;font-size:10px;padding-inline:10px;height:33px;min-height:33px}.context-toolbar{gap:7px;padding-inline:10px}.context-toolbar .toggle-label{font-size:9px}.status-hint{display:none}.statusbar{padding-inline:9px}.status-tool{min-width:0;font-size:9px;gap:4px}.status-tool #cursorCoords{display:none}.tool-rail{padding:8px 4px;gap:5px}.tool{height:60px;font-size:9px}.tool>.icon{width:22px;height:22px}.palette-foot{font-size:8px}.canvas-caption{display:none}.library-grid{grid-template-columns:repeat(3,1fr)}.library-dialog,.help-dialog{padding:20px}.dialog-heading h2{font-size:22px}.library-card{min-height:125px}.library-card canvas{width:70px;height:70px}.dialog-foot{flex-direction:column;align-items:stretch;gap:12px}.dialog-foot>span{max-width:none;font-size:9px}.library-toolbar{gap:8px}.library-toolbar select{min-width:110px;font-size:10px}.library-toolbar input{font-size:11px}.help-grid{grid-template-columns:1fr;gap:17px}.help-grid dl{font-size:11px}.help-dialog>p{font-size:12px}.preset-grid{grid-template-columns:repeat(2,1fr)}.preset-card canvas{height:140px}.make-floating{bottom:15px;gap:8px;padding:10px}.make-floating .eyebrow{font-size:6px}.make-floating>div strong{font-size:16px}.selection-bar>span{display:none}.expanded-controls>span{font-size:9px}.preview-dialog{padding:15px}.preview-dialog h2{font-size:19px!important}}
@media(max-height:760px) and (min-width:951px){.palette-section>.section-heading{min-height:49px;margin-bottom:14px}.bead-brand{margin-bottom:15px}.palette-card{min-height:50px}.bead-swatch{height:39px;width:39px}.palette-list{gap:4px;margin-top:10px}.browse-button{margin-top:15px}.palette-section{padding-bottom:18px}.reference-heading{min-height:51px}.palette-foot{padding-block:12px}.material-summary{padding-top:17px}.material-summary p{font-size:13px}.preview-canvas{height:clamp(220px,39dvh,320px)}.dimension-fields input{min-height:32px;padding:5px 10px;font-size:14px}.field-label{margin-top:13px}.locked-field{min-height:33px;padding:7px 9px}.pattern-section>.section-heading{min-height:48px}.advanced-settings summary{padding-block:12px}.tool{height:62px}.tool-rail{gap:6px}.preview-section{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}