:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#352f29;background:#efe9df;font-synthesis:none;--wood: #b98250;--paper: #f5ede0;--surface: #faf6ef;--mat: #dedcd5;--accent: #52695b;--accent-soft: #e2e9e1;--text: #352f29;--muted: #70685f;--border: #c9beb0;--error: #9d533f;--shadow: 0 12px 35px #49351d14;--radius: 16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;min-height:48px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .1s,box-shadow .1s}button:hover{background:var(--accent-soft)}button:active{box-shadow:inset 0 2px 4px #352f2920}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;font-weight:550;letter-spacing:.08em}h2{font-size:21px;font-weight:550}h3{font-size:16px}p{color:var(--muted);line-height:1.8;font-size:14px}small{font-size:14px;color:var(--muted)}input,select{accent-color:var(--accent);border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface);color:var(--text);min-height:44px}input[type=checkbox]{width:21px;height:21px;min-height:0}.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.primary:hover{background:#415747;color:#fff}.icon-button{width:48px;padding:10px;flex-shrink:0}.text-button{background:transparent;border-color:transparent}.eyebrow{display:block;color:var(--muted);font-size:14px;letter-spacing:.15em;margin-bottom:10px}.app-header{height:84px;padding:12px 3.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid #bcab923b;position:relative;z-index:5}.brand{background:none!important;border:none;padding:0;text-align:left;font-size:20px;letter-spacing:.1em;gap:12px}.brand small{display:block;font-size:11px;letter-spacing:.2em;margin-top:4px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--paper);width:42px;height:42px;border-radius:50%}.app-header nav{display:flex;gap:14px}.app-header nav button{background:none;border:0;border-radius:0;position:relative;color:var(--muted);font-size:15px;letter-spacing:.08em}.app-header nav button.selected{color:var(--accent)}.app-header nav button.selected:after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:2px;background:var(--accent)}.app-header>.icon-button{background:none;border:0}.workshop{height:calc(100dvh - 84px);min-height:630px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 25% 5%,#ffe9bd45,transparent 65%),repeating-linear-gradient(2deg,transparent 0 92px,#643e2110 93px 94px,transparent 96px 180px),repeating-linear-gradient(0deg,#ffffff05 0 1px,#35231305 2px 3px,transparent 4px 8px),linear-gradient(100deg,#c5986f,#bc8b5e 62%,#ac784e)}.desk-label{position:absolute;left:4%;top:28px;z-index:2;pointer-events:none}.desk-label h1{margin-bottom:9px;font-size:23px;letter-spacing:.1em}.desk-label>span:last-child{font-size:13px;color:#53402f}.desk-label .eyebrow{font-size:11px;color:#634a34;margin-bottom:8px}.desk-label b{margin:0 8px}.board-view{position:absolute;inset:98px 215px 95px 6%;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;filter:none}.board-view canvas{pointer-events:none}.board-view.moving{cursor:grab}.board-view.ironing{cursor:cell}.board-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform-origin:center}.desk-stationery{position:absolute;left:38px;bottom:100px;pointer-events:none;transform:rotate(-9deg)}.paper-note{background:#f3e2b9;padding:18px 20px;box-shadow:2px 5px 10px #523a2525;font-family:KaiTi,STKaiti,serif;font-size:19px;line-height:1.7;transform:rotate(-5deg);color:#66513a}.paper-note span{font-size:14px;color:#806c50}.paper-note:before{content:"";position:absolute;top:-8px;left:30px;width:54px;height:18px;background:#dfd5b68c;transform:rotate(5deg)}.pencil{width:10px;height:130px;background:linear-gradient(90deg,#e4c38a,#f3daa4,#b7864d);position:absolute;left:-20px;top:-90px;border-radius:3px;transform:rotate(19deg)}.desk-actions{position:absolute;top:26px;right:4%;display:flex;gap:4px;align-items:center;background:#f5ede0e6;padding:3px;border:1px solid #eee1cd;border-radius:12px;box-shadow:var(--shadow);z-index:3}.desk-actions button{border:0;background:none}.divider{height:22px;border-left:1px solid var(--border);margin:0 4px}.tool-dock{position:absolute;right:24px;top:124px;width:168px;background:var(--paper);padding:12px;border:1px solid #f9f2e6;border-radius:16px;box-shadow:4px 8px 25px #50351e30;display:flex;flex-direction:column;gap:12px;z-index:3}.tool-tabs{display:flex;border-bottom:1px solid var(--border);padding-bottom:10px;gap:2px}.tool-tabs button{border:0;min-width:0;padding:6px;flex:1;flex-direction:column;gap:5px;background:transparent;border-radius:8px}.tool-tabs button span{font-size:11px}.tool-tabs button.active{background:var(--accent-soft);color:var(--accent)}.pen-illustration{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(14deg)}.pen-cap{width:27px;height:23px;background:linear-gradient(90deg,#536a5e,#8c9b88,#536a5e);border-radius:7px 7px 2px 2px;box-shadow:3px 2px 4px #0002;z-index:1}.pen-tube{width:24px;height:105px;background:linear-gradient(90deg,#f9f5e5bb,#fff9,#dedbcabb);border:1px solid #bdb8a1;display:flex;flex-direction:column-reverse;align-items:center;gap:2px;padding:4px;box-shadow:3px 2px 4px #0002}.pen-tube i{display:block;width:15px;height:9px;border-radius:3px;box-shadow:inset 2px 0 2px #fff5}.pen-tip{width:24px;height:27px;background:linear-gradient(90deg,#c2b8a4,#f6efe0,#b8ad99);clip-path:polygon(0 0,100% 0,63% 100%,37% 100%)}.current-color{border:0;padding:6px;background:transparent;justify-content:flex-start;gap:10px;text-align:left}.current-color small{display:block;font-size:11px;margin-top:5px}.color-bead{width:32px;height:32px;display:inline-block;border-radius:50%;position:relative;box-shadow:inset 2px 2px 3px #fff6,inset -2px -2px 3px #0002,1px 3px 3px #0002;flex-shrink:0}.color-bead:after{content:"";position:absolute;inset:35%;border-radius:50%;background:#60544566;box-shadow:inset 1px 2px 2px #0005,0 1px 1px #fff8}.refill-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.refill-row b{font-size:20px;color:var(--text);font-weight:500}.refill-row button{padding:5px 12px;font-size:13px;min-height:40px}.small-tray{padding:10px;background:#e1ded4;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;border-radius:6px 6px 20px 20px;box-shadow:inset 0 3px 5px #4d483520;border:3px solid #f4efe2}.small-tray i{display:block;width:15px;height:16px;border-radius:5px;box-shadow:inset 2px 2px 2px #fff6,1px 2px 2px #0002;position:relative}.small-tray i:after{content:"";position:absolute;inset:35%;background:#6b5b4866;border-radius:50%}.dock-more{font-size:13px;border:0;background:transparent}.onboarding{position:absolute;bottom:65px;left:50%;transform:translate(-60%);background:#faf6efee;border:1px solid #fff8;border-radius:12px;padding:14px 12px 14px 16px;display:flex;align-items:center;gap:14px;max-width:550px;width:52%;box-shadow:var(--shadow);z-index:3}.onboarding-number{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;display:grid;place-items:center;flex-shrink:0}.onboarding b{font-size:14px;font-weight:500}.onboarding p{font-size:11px;margin:5px 0 0}.onboarding>.icon-button{border:0;background:none;min-height:40px;width:40px}.desk-footer{position:absolute;bottom:0;left:0;right:0;height:44px;background:#f5ede07a;padding:0 4%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#614a36}.paper-page{min-height:calc(100dvh - 84px);padding:48px 7% 80px;background:radial-gradient(ellipse at top,#fffaf0,transparent 70%),var(--paper)}.page-heading{position:relative;margin-bottom:38px}.page-heading h1{font-size:32px;margin-bottom:12px}.page-heading>.primary{position:absolute;right:0;bottom:0}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.work-card{display:block;padding:14px 14px 18px;text-align:left;background:var(--surface);border:1px solid #c9beb060;border-radius:12px;box-shadow:0 3px 8px #352f2905;min-width:0}.work-card:hover{background:var(--surface);box-shadow:var(--shadow)}.card-art{aspect-ratio:1;background:var(--paper);padding:16px;border-radius:6px;margin-bottom:15px}.pattern-preview{display:block;width:100%;height:100%;max-height:100%;overflow:visible}.work-card h2{font-size:17px;letter-spacing:.04em;margin:10px 0}.work-card p{font-size:12px;margin-bottom:0}.card-status{font-size:11px;background:var(--accent-soft);padding:4px 8px;border-radius:6px;color:var(--accent)}.blank-create{display:flex;align-items:center;gap:14px;background:var(--surface);padding:22px;border:1px solid var(--border);border-radius:12px;margin-bottom:36px}.blank-create>div{flex:1}.blank-create h2{margin-bottom:8px;font-size:19px}.blank-create p{margin:0}.blank-create label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:14px}.blank-create input{width:70px}.section-title{font-size:20px;letter-spacing:.08em}.section-title small{margin-left:12px;font-size:12px}.collection-page{padding:36px 6% 0;background:var(--paper);min-height:calc(100dvh - 84px)}.room-scene{height:540px;position:relative;overflow:hidden;border-radius:16px 16px 0 0;background:linear-gradient(0deg,#b3835d 0 24%,transparent 24%),linear-gradient(105deg,#e2d7c0,#f2e8d6 40%,#d3c4ac);box-shadow:inset 0 10px 30px #634e2520}.room-window{position:absolute;left:6%;top:10%;width:18%;height:38%;background:#d7e1d6;border:12px solid #f9f1dd;display:grid;grid-template-columns:1fr 1fr;gap:5px;box-shadow:8px 7px 12px #73502d20}.room-window i{background:linear-gradient(#d7e0df,#e2e8cf)}.room-shelf{position:absolute;top:40%;right:10%;width:50%;height:18px;background:#a2754b;box-shadow:0 15px 16px #62401b30;border-top:5px solid #cba375}.room-desk{position:absolute;bottom:22%;left:12%;right:12%;height:55px;background:linear-gradient(#caa27b,#bc8b61);transform:skew(-12deg);box-shadow:0 24px 20px #593e2a20;border-bottom:12px solid #996b47}.room-vase{position:absolute;left:16%;bottom:33%;width:38px;height:63px;border-radius:6px 6px 15px 15px;background:#a8b29b;box-shadow:5px 5px 7px #0001}.room-vase:before{content:"";position:absolute;bottom:90%;left:20px;width:5px;height:70px;background:#647d53;transform:rotate(-12deg);border-radius:100%;box-shadow:12px -20px 0 -1px #7b8c63}.room-works{position:absolute;top:13%;left:40%;right:10%;height:27%;display:flex;gap:12px;align-items:flex-end}.room-works button{background:none;border:0;flex:1;max-width:130px;flex-direction:column;padding:8px}.room-works span{font-size:11px}.room-works svg{height:100px;filter:drop-shadow(3px 5px 2px #6c4a3420)}.empty-room{position:absolute;top:15%;left:35%;right:8%;padding:25px;text-align:center;background:#f5ede0bd;border:1px solid #fff6;border-radius:14px}.empty-room>svg{color:var(--accent);margin-bottom:18px}.empty-room h2{font-size:20px}.empty-room p{font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#2d271f50;z-index:20;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{background:var(--paper);width:min(460px,100%);height:100%;padding:70px 30px 40px;overflow-y:auto;box-shadow:-10px 0 50px #30281920;position:relative}.drawer h2{margin-bottom:26px}.drawer p{margin-top:20px}.close-panel{position:absolute;right:20px;top:18px;background:none;border:0}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.color-grid button{padding:8px 2px;min-width:0;flex-direction:column;background:var(--surface);gap:8px;border-color:transparent}.color-grid small{font-size:10px}.color-grid button.selected{border-color:var(--accent);background:var(--accent-soft)}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;border-bottom:1px solid var(--border);font-size:15px}.menu-item{width:100%;justify-content:flex-start;margin:10px 0 18px;background:var(--surface)}.wide{width:100%;margin:26px 0 14px}.segments{display:flex;gap:6px}.segments button{flex:1;padding:8px}.segments button.active{background:var(--accent-soft);border-color:var(--accent)}.drawer h3{margin-top:28px}.drawer>small{line-height:1.8}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--paper);border-radius:10px;padding:14px 18px;z-index:50;font-size:14px;max-width:min(90%,650px);box-shadow:var(--shadow);display:flex;align-items:center;gap:16px;line-height:1.6}.toast button{background:none;border:0;color:inherit;min-height:28px;padding:0 5px}.center-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,85%);padding:30px;text-align:center;background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);z-index:4;cursor:default}.center-note h2{margin-top:15px}.ironing-paper{position:absolute;inset:6%;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 3px),#ffffff38;pointer-events:none;box-shadow:0 4px 8px #0001;border:1px solid #fff5;transform:rotate(-1deg)}.fusion-dock{gap:10px}.fusion-dock h2{font-size:17px;margin:0}.fusion-dock p{font-size:12px;margin:0}.fusion-dock>button{font-size:13px;padding:8px}.tool-dock label{font-size:14px}.tool-dock input[type=range]{width:100%;padding:0}.scene-failure{padding:40px;background:var(--paper);border:1px solid var(--error);line-height:2;border-radius:12px}.app[data-ready=false]{visibility:hidden}:root[data-hand=left] .tool-dock{left:24px;right:auto}:root[data-hand=left] .board-view{left:215px;right:6%}:root[data-hand=left] .desk-stationery{left:auto;right:40px}:root[data-hand=left] .onboarding{transform:translate(-40%)}:root[data-theme=dark]{--paper: #302d28;--surface: #39362f;--accent: #a6bda9;--accent-soft: #424e42;--text: #efe7da;--muted: #c4baac;--border: #726857;--error: #e9a38d;color:var(--text);background:var(--paper)}:root[data-theme=dark] .workshop{background:repeating-linear-gradient(2deg,transparent 0 92px,#170c0420 93px 95px,transparent 96px 180px),linear-gradient(100deg,#654d37,#513b2a)}:root[data-theme=dark] .desk-label,:root[data-theme=dark] .desk-label>span,:root[data-theme=dark] .desk-label .eyebrow{color:#e1cfb5}:root[data-theme=dark] .desk-actions,:root[data-theme=dark] .onboarding{background:var(--paper);border-color:var(--border)}:root[data-theme=dark] .paper-page{background:var(--paper)}:root[data-theme=dark] .primary{color:#263528}:root[data-theme=dark] .desk-footer{background:#302d287a;color:var(--muted)}@media(prefers-color-scheme:dark){:root[data-theme=system]{--paper: #302d28;--surface: #39362f;--accent: #a6bda9;--accent-soft: #424e42;--text: #efe7da;--muted: #c4baac;--border: #726857;--error: #e9a38d;color:var(--text);background:var(--paper)}:root[data-theme=system] .workshop{background:linear-gradient(100deg,#654d37,#513b2a)}:root[data-theme=system] .desk-label,:root[data-theme=system] .desk-label>span,:root[data-theme=system] .desk-label .eyebrow{color:#e1cfb5}:root[data-theme=system] .desk-actions,:root[data-theme=system] .onboarding{background:var(--paper);border-color:var(--border)}:root[data-theme=system] .paper-page{background:var(--paper)}:root[data-theme=system] .primary{color:#263528}:root[data-theme=system] .desk-footer{background:#302d287a;color:var(--muted)}}@media(max-width:900px){.app-header{padding:10px 20px}.app-header nav{gap:2px}.app-header nav button{padding:10px}.brand{font-size:17px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desk-stationery{display:none}.board-view{inset:110px 190px 110px 0}.tool-dock{right:14px;width:158px}.onboarding{left:20px;transform:none;width:calc(100% - 210px);bottom:60px}.onboarding-number{display:none}.desk-label{top:25px}.desk-actions{right:15px}.desk-footer{font-size:11px}.desk-footer>span:last-child{display:none}:root[data-hand=left] .tool-dock{left:14px}:root[data-hand=left] .board-view{left:190px;right:0}:root[data-hand=left] .onboarding{left:195px;transform:none}.blank-create{flex-wrap:wrap}.blank-create>div{flex-basis:100%}.room-scene{height:620px}}@media(max-width:600px){.app-header{height:70px;padding:8px 12px}.brand{font-size:15px;gap:6px}.brand-mark{width:30px;height:30px}.brand small{font-size:9px;letter-spacing:0}.app-header nav{gap:0}.app-header nav button{font-size:12px;padding:8px 7px}.app-header>.icon-button{width:36px;padding:6px}.workshop{height:calc(100dvh - 70px);min-height:650px}.desk-label{left:20px;top:19px}.desk-label h1{font-size:19px}.desk-label .eyebrow{font-size:10px}.desk-actions{top:89px;right:16px;padding:0;gap:0}.desk-actions button{min-height:40px;width:40px;padding:6px}.desk-actions .text-button{width:auto;font-size:12px}.desk-actions .divider{margin:0}.board-view{inset:128px 0 200px!important}.tool-dock,:root[data-hand=left] .tool-dock{inset:auto 12px 50px;width:auto;height:124px;display:grid;grid-template-columns:130px 1fr 100px;gap:8px;padding:10px;align-items:center}.tool-tabs{padding:0;border:0;grid-row:1/3}.pen-illustration,.small-tray{display:none}.current-color{font-size:13px;min-height:40px;padding:0;grid-column:2}.current-color .color-bead{width:26px;height:26px}.current-color small{font-size:10px}.refill-row{grid-column:3;grid-row:1;gap:3px;flex-wrap:wrap}.refill-row button{min-height:36px}.dock-more{grid-column:3;grid-row:2;font-size:11px;min-height:36px;padding:0}.onboarding,:root[data-hand=left] .onboarding{bottom:184px;left:12px;right:12px;width:auto;padding:7px 10px;gap:4px}.onboarding b{font-size:12px}.onboarding p{font-size:10px}.desk-footer{height:36px;font-size:10px;padding-bottom:env(safe-area-inset-bottom)}.paper-page{padding:30px 20px}.page-heading h1{font-size:25px}.page-heading .eyebrow{font-size:11px}.page-heading>.primary{position:static}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-card{padding:9px}.card-art{padding:6px}.work-card h2{font-size:14px}.work-card p{font-size:11px}.blank-create{padding:15px;gap:8px}.blank-create input{width:56px}.blank-create button{font-size:12px}.room-scene{height:520px}.collection-page{padding:26px 15px 0}.empty-room{left:8%;right:8%;top:18%}.empty-room h2{font-size:17px}.room-works{left:25%;right:5%;top:16%}.fusion-dock{height:auto;grid-template-columns:repeat(3,1fr);bottom:44px;gap:6px}.fusion-dock h2{font-size:14px}.fusion-dock p{display:none}.fusion-dock>button{min-height:40px;font-size:11px}.fusion-dock .segments{grid-column:3}.fusion-dock>svg{display:none}.fusion-dock>small{grid-column:1/4}.tool-dock:has(input[type=range]){height:auto;grid-template-columns:1fr 1fr}.tool-dock:has(input[type=range]) h2{font-size:16px;margin:0}.tool-dock:has(input[type=range]) button{font-size:12px}.drawer{padding:65px 22px 30px}.color-grid{gap:6px}.toast{bottom:16px;font-size:12px;width:90%}.brand-mark svg{width:18px}.room-window{border-width:7px}.desk-footer,.app-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--paper)}.loading-screen svg{color:var(--accent)}.loading-screen h1{font-size:21px}.save-status{position:fixed;right:14px;bottom:13px;z-index:8;font-size:11px;color:var(--muted);background:var(--paper);border-radius:6px;padding:4px 8px}.save-error{position:fixed;left:0;right:0;top:0;background:var(--error);color:#fff;padding:12px;z-index:60;display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px}.save-error button{color:var(--text);font-size:12px;min-height:36px;padding:5px 12px}.desk-footer>span:last-child{padding-right:105px}.image-import{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:22px 0 36px}.import-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.import-heading h2{font-size:19px;margin-bottom:8px}.import-heading p{margin-bottom:0}.file-button{position:relative;min-height:48px;border:1px solid var(--border);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--paper);cursor:pointer;font-size:14px}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file-button:focus-within{outline:3px solid var(--accent);outline-offset:3px}.conversion-previews{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.conversion-previews figure{margin:0;background:var(--paper);padding:18px;border-radius:8px;display:flex;align-items:center;flex-direction:column}.conversion-previews canvas,.conversion-previews svg{height:220px;max-width:100%;object-fit:contain}.conversion-previews figcaption{font-size:12px;color:var(--muted);margin-top:14px}.conversion-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.conversion-controls label,.field-label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}.conversion-controls input{width:100%;min-width:0}.image-import>small{display:block;margin-top:12px;font-size:12px}.form-error{color:var(--error)}.backup-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.backup-actions h3{margin:0}.backup-actions small{font-size:12px;line-height:1.8}.size-presets{display:flex;gap:8px;margin-top:-20px;margin-bottom:20px}.size-presets button{font-size:13px}.size-presets button.selected{background:var(--accent-soft);border-color:var(--accent)}@media(max-width:600px){.image-import{padding:16px}.import-heading{flex-wrap:wrap}.conversion-controls{grid-template-columns:1fr 1fr;gap:12px}.conversion-previews{gap:10px}.conversion-previews figure{padding:8px}.conversion-previews canvas,.conversion-previews svg{height:130px}.size-presets{gap:5px}.size-presets button{font-size:11px;padding:6px 10px}.image-import .primary{font-size:13px}}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px;padding-bottom:40px}.room-viewport{height:590px;position:relative;overflow:hidden;border-radius:16px;touch-action:none;box-shadow:var(--shadow)}.room-viewport>div{width:100%;height:100%}.room-view-controls{position:absolute!important;top:16px;left:16px;display:flex;gap:4px;align-items:flex-start;pointer-events:none;height:auto!important;width:auto!important}.room-view-controls button{pointer-events:auto;font-size:12px;min-height:42px;background:var(--paper);padding:8px 12px}.room-view-controls button.selected{background:var(--accent-soft)}.display-editor{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;height:max-content}.display-editor h2{margin-bottom:0}.display-editor .eyebrow{font-size:11px;margin-bottom:0}.display-editor input[type=range]{padding:0;width:100%;min-height:28px}.display-editor select{width:100%;min-width:0}.display-editor hr{width:100%;border:0;border-top:1px solid var(--border)}.display-editor h3{margin-bottom:0}.display-editor small{font-size:12px;line-height:1.7}.collection-page .page-heading>button{position:absolute;right:0;bottom:0}.room-viewport .empty-room{top:32%;left:16%;right:16%;pointer-events:none}.tool-dock:has(input[type=range]){max-height:calc(100% - 180px);overflow-y:auto}.tool-dock .field-label input{width:100%;min-width:0;font-size:13px}.tool-dock:has(input[type=range])>button{font-size:12px;padding:8px}.collection-page .room-viewport canvas{touch-action:none}@media(max-width:900px){.room-layout{grid-template-columns:minmax(0,1fr) 210px;gap:12px}.room-viewport{height:600px}.display-editor{padding:15px}}@media(max-width:600px){.room-layout{display:flex;flex-direction:column}.room-viewport{height:390px}.display-editor{width:100%}.collection-page .page-heading>button{position:static}.room-view-controls{top:8px;left:8px}.room-view-controls button{padding:6px 9px;font-size:11px}.tool-dock:has(input[type=range]){max-height:260px;bottom:43px}.tool-dock:has(input[type=range])>.field-label{grid-column:1/3}.tool-dock:has(input[type=range])>.field-label input{min-height:36px}.room-viewport .empty-room{top:25%;left:8%;right:8%;padding:18px}.room-viewport .empty-room h2{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.tool-cursor{position:absolute;display:none;pointer-events:none;z-index:5}.tool-cursor i{display:block;position:absolute;bottom:0;left:-8px;width:16px;height:85px;background:linear-gradient(90deg,#abb8a4,#f5f0df 45%,#839780);border:1px solid #697b62;border-radius:5px 5px 2px 2px;transform-origin:50% 100%;transform:rotate(24deg);box-shadow:3px 3px 4px #0002;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.cursor-tweezers i{width:16px;height:80px;left:-8px;background:linear-gradient(90deg,#8e948d,#f3f3df,#959a8f);clip-path:polygon(0 0,100% 0,65% 100%,52% 65%,35% 100%);border-color:#767e73}.cursor-move{display:none!important}.board-view:not(:hover) .tool-cursor{display:none}.board-view:has(.tool-cursor[style*=block]){cursor:none}.tool-cursor+svg{z-index:1}.tool-dock:has(.bead-tray){top:110px;max-height:calc(100% - 155px);overflow-y:auto;width:184px;gap:8px;scrollbar-width:thin}.tool-dock:has(.bead-tray) .pen-illustration{height:125px}.bead-tray{position:relative;flex-shrink:0;width:100%;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;border-radius:18px;transition:box-shadow .12s}.bead-tray svg{display:block;width:100%;overflow:visible;pointer-events:auto}.bead-tray:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.tray-instruction{display:block;text-align:center;font-size:11px;line-height:1.6;color:var(--muted);margin-top:-1px}.tray-active .tray-bead{cursor:grab}.tray-bead{transition:opacity .12s;transform-box:fill-box}.tray-gap{opacity:0;pointer-events:none}.bead-tray.accepting{box-shadow:0 0 0 2px var(--accent),0 0 0 5px var(--accent-soft)}.tweezer-stock{display:none!important}.tweezer-held-label{font-size:11px;line-height:1.7;text-align:center;color:var(--accent)}.pen-illustration.tweezers-rest{transform:rotate(20deg);height:100px!important;position:relative;width:100%;margin:4px 0}.tweezers-rest .pen-cap{display:none}.tweezers-rest .pen-tube{height:96px;width:24px;background:linear-gradient(90deg,#838e83,#f6f4e8 28%,#abb5a4 54%,#f3f2de 75%,#8e9988);border:0;border-radius:6px 6px 0 0;clip-path:polygon(0 0,100% 0,78% 100%,62% 100%,50% 45%,38% 100%,22% 100%);box-shadow:none}.tweezers-rest .pen-tube i,.tweezers-rest .pen-tip{display:none}.rest-held-bead{position:absolute;bottom:-5px;left:calc(50% - 9px);width:18px;height:18px;border-radius:6px}.tool-cursor{position:fixed;z-index:25;pointer-events:none;left:0;top:0}.tool-cursor .held-bead{display:block;position:absolute;left:-9px;top:-8px;width:18px;height:18px;border-radius:6px;background:var(--accent);box-shadow:inset 2px 2px 3px #fff6,inset -2px -2px 3px #0003,1px 3px 4px #352f2930;transform:rotate(12deg)}.held-bead:after{content:"";position:absolute;inset:34%;border-radius:50%;background:#3d483a99;box-shadow:inset 1px 2px 2px #0005,0 1px 1px #fff9}.cursor-tweezers i{left:-10px;width:20px;height:94px;transform:rotate(22deg);bottom:0;clip-path:polygon(0 0,100% 0,72% 100%,60% 100%,50% 50%,40% 100%,28% 100%)}.cursor-tweezers[data-holding=true] i{bottom:3px;clip-path:polygon(0 0,100% 0,70% 100%,60% 100%,50% 55%,40% 100%,30% 100%)}.app:has(.tool-cursor[style*=block]) .board-view,.app:has(.tool-cursor[style*=block]) .bead-tray,.app:has(.tool-cursor[style*=block]) .tray-bead{cursor:none}@media(max-width:900px){.tool-dock:has(.bead-tray){width:158px;top:120px}.tool-dock:has(.bead-tray) .pen-illustration{height:100px}}@media(max-width:600px){.tool-dock:has(.bead-tray),:root[data-hand=left] .tool-dock:has(.bead-tray){inset:auto 12px 44px;width:auto;height:172px;max-height:none;overflow:visible;grid-template-columns:90px minmax(0,1fr) 130px;grid-template-rows:1fr 1fr 34px;gap:4px 8px;padding:8px 10px}.tool-dock:has(.bead-tray) .tool-tabs{grid-column:1;grid-row:1/3}.tool-dock:has(.bead-tray) .current-color{grid-column:2;grid-row:1}.tool-dock:has(.bead-tray) .refill-row{grid-column:2;grid-row:2}.tool-dock:has(.bead-tray) .bead-tray{display:block;grid-column:3;grid-row:1/4;align-self:center}.tool-dock:has(.bead-tray) .dock-more{grid-column:1/3;grid-row:3}.tweezer-held-label{grid-column:2;grid-row:2;font-size:10px}.tool-dock:has(.bead-tray) .pen-illustration{display:none}.tool-dock:has(.bead-tray) .tool-tabs button{padding:4px}.tool-dock:has(.bead-tray) .tool-tabs span{font-size:10px}.tray-instruction{font-size:10px}.workshop:has(.bead-tray) .onboarding{bottom:222px}.workshop:has(.bead-tray) .board-view{bottom:236px!important}}.paper-ritual,.paper-cover-space{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.paper-choice{pointer-events:auto;position:absolute;right:16px;bottom:12px;width:min(430px,calc(100% - 32px));max-height:calc(100% - 20px);overflow-y:auto;background:#f5ede0f2;border:1px solid #fffc;border-radius:12px;padding:17px 20px;box-shadow:0 8px 30px #49351d25;cursor:default;transition:opacity .18s,transform .18s}.paper-choice h2{font-size:18px;margin-bottom:12px}.paper-choice .eyebrow{font-size:11px;margin-bottom:6px}.paper-choice>p{font-size:11px;line-height:1.6;margin:10px 0}.paper-choice>.primary{width:100%;min-height:44px;font-size:14px}.paper-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.paper-options button{padding:9px 10px;display:grid;grid-template-columns:43px 1fr;text-align:left;gap:4px 10px;background:#fbf7ed;position:relative;min-height:78px;border-color:#cfbfa4}.paper-options b{font-size:12px;font-weight:500}.paper-options small{grid-column:2;font-size:10px;line-height:1.5}.paper-options .chosen,.backing-options .chosen{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.paper-sample{display:block;grid-row:1/3;width:39px;height:52px;border:1px solid #c7bea866;box-shadow:2px 3px 4px #49351d1f;transform:rotate(-6deg);background-color:#fffaf0;background-image:repeating-linear-gradient(0deg,#ffffff30 0 1px,transparent 1px 3px);position:relative}.paper-sample:before{content:"";position:absolute;inset:0;background:inherit;transform:translate(-3px,-3px) rotate(5deg);border:inherit;z-index:-1}.paper-kraft{background-color:#d8c18d82!important}.paper-film{background-color:#f0f7f02b!important;background-image:linear-gradient(125deg,transparent 25%,#fff8 32%,transparent 42%,#fff5 69%,transparent 76%)!important;border-color:#e6eee5cc!important}.paper-matte{background-color:#e9e5d67d!important;background-image:radial-gradient(#8f988f29 .5px,transparent .7px)!important;background-size:3px 3px!important}.backing-options{display:flex;gap:8px;margin-bottom:12px}.backing-options button{flex:1;padding:8px;text-align:left;gap:9px;font-size:11px;background:#fbf7ed}.backing-options small{display:block;font-size:9px;margin-top:4px;line-height:1.5}.backing-swatch{width:30px;height:28px;border-radius:4px;background:#b9b8ad;box-shadow:0 4px #85877b,inset 1px 1px 2px #fff7;flex-shrink:0}.backing-insulated{background:#879d86;box-shadow:0 5px #607760,inset 1px 1px 2px #ffffff50;border-radius:8px}.ritual-sheet{position:absolute;background-color:#fffdf344;background-image:repeating-linear-gradient(0deg,#ffffff12 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#807c6105 0 1px,transparent 1px 4px);border:1px solid #ffffed80;box-shadow:2px 4px 8px #49351d13;transform:rotate(-.5deg);transform-origin:50% 0;-webkit-backdrop-filter:blur(.2px);backdrop-filter:blur(.2px)}.laying-sheet{animation:paper-unroll 2.4s cubic-bezier(.22,.65,.25,1) both}.laying-sheet:after{content:"";position:absolute;left:0;right:0;height:30px;background:linear-gradient(#f9f5e21a,#fffdf3bd 45%,#b0a48c30 68%,transparent);border-bottom:1px solid #ffffed70;animation:paper-curl 2.4s ease both}@keyframes paper-unroll{0%{transform:translate(24%,-30%) rotate(-11deg) scale(.85);clip-path:inset(0 0 88% 0);opacity:.35}18%{opacity:1;transform:translate(6%,-5%) rotate(-4deg) scale(.97);clip-path:inset(0 0 73% 0)}65%{transform:translate(0) rotate(1deg);clip-path:inset(0 0 10% 0)}85%{transform:rotate(-1deg);clip-path:inset(0)}to{transform:rotate(-.5deg);clip-path:inset(0)}}@keyframes paper-curl{0%{top:8%;opacity:.7}65%{top:82%;opacity:.8}85%{top:94%;opacity:.3}to{top:100%;opacity:0}}.paper-ritual.is-laying .paper-choice{opacity:0;transform:translateY(20px);pointer-events:none}.paper-phase{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text);background:var(--paper);padding:9px 12px;border-radius:8px;box-shadow:var(--shadow);pointer-events:auto;white-space:nowrap}.paper-phase button{background:none;border:0;min-height:32px;font-size:11px;padding:3px 8px;margin-left:8px;color:var(--accent)}.paper-drag-preview{position:fixed;z-index:26;width:140px;height:160px;transform:translate(-50%,-35%) rotate(-8deg);border:1px solid #fffc;box-shadow:8px 12px 15px #49351d25;pointer-events:none;background:#fffdf3b0}.paper-lifting{animation:paper-lift .72s ease-in both}.paper-covering{animation:paper-recover .72s ease-out both}@keyframes paper-lift{0%{transform:rotate(-.5deg);opacity:1;clip-path:inset(0)}to{transform:translate(-12%,-40%) rotate(-9deg);opacity:0;clip-path:inset(0 0 90% 0)}}@keyframes paper-recover{0%{transform:translate(-12%,-35%) rotate(-7deg);opacity:0;clip-path:inset(0 0 70% 0)}to{transform:rotate(-.5deg);opacity:1;clip-path:inset(0)}}.cooling-ritual{position:absolute;inset:0;pointer-events:none;z-index:4}.cooling-weight{position:absolute;width:48%;height:48%;left:26%;top:18%;border-radius:4px 10px 10px 4px;background:linear-gradient(90deg,#546650 0 6%,#7b8c6b 6% 97%,#435c42 97%);box-shadow:5px 10px 13px #352f2938;border-bottom:8px solid #e0d6bb;display:grid;place-items:center;animation:press-cool 2.4s ease-in-out both}.cooling-weight span{font-family:KaiTi,serif;letter-spacing:.25em;color:#e9dfc2;font-size:22px}.cooling-card{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:var(--paper);padding:17px 24px;text-align:center;border-radius:12px;pointer-events:auto;box-shadow:var(--shadow);width:min(360px,90%)}.cooling-card h2{font-size:18px}.cooling-card .eyebrow{font-size:11px}.cooling-card button{font-size:13px}.cooled .cooling-weight{display:none}@keyframes press-cool{0%{transform:translateY(-40px) rotate(-6deg);opacity:0}20%{transform:translateY(0) rotate(-2deg);opacity:1}75%{transform:translateY(0) rotate(-2deg);opacity:1}to{transform:translate(25%,-28px) rotate(3deg);opacity:0}}.board-view{overflow:hidden}.board-view[data-finished=true]{cursor:grab}.board-view[data-finished=true]:active{cursor:grabbing}.orbit-instruction{font-size:12px;line-height:1.8;margin:0 0 4px}.tool-dock.physical-tools:has(.bead-tray){display:block;right:20px;top:132px;width:174px;height:calc(100% - 210px);max-height:none;background:none;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible;pointer-events:none}.physical-tools .tool-rests{position:absolute;right:0;top:0;width:174px;height:185px;display:flex;align-items:flex-start;justify-content:center;gap:15px;pointer-events:auto}.physical-tools .physical-tool{display:flex;flex-direction:column;gap:9px;padding:4px 7px;min-height:150px;width:62px;background:none!important;border:0;box-shadow:none!important;overflow:visible;transform:rotate(-7deg)}.physical-tools .tweezer-rest{transform:rotate(10deg)}.physical-pen{display:flex;flex-direction:column;align-items:center;height:145px;filter:drop-shadow(3px 6px 4px #49351d33)}.physical-pen .pen-tube{height:100px;width:22px}.physical-pen .pen-cap{width:25px;height:22px}.physical-pen .pen-tip{width:22px;height:24px}.physical-pen .pen-tube b{display:block;width:13px;height:8px;border-radius:3px;box-shadow:inset 2px 1px 2px #fff5;flex-shrink:0}.physical-tweezer{height:145px;width:28px;position:relative;filter:drop-shadow(3px 6px 4px #49351d33)}.physical-tweezer>i{display:block;width:28px;height:145px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#7f8a7e,#faf8e7 23%,#adb8a2 48%,#fbf9e8 70%,#8b9785);clip-path:polygon(0 0,100% 0,72% 100%,60% 100%,50% 45%,40% 100%,28% 100%)}.physical-tweezer>b{position:absolute;bottom:-5px;left:5px;width:18px;height:18px;border-radius:6px}.tool-tag{font-size:11px;line-height:20px;letter-spacing:.05em;background:#f3ead6c9;padding:1px 8px;border-radius:3px;color:#564631;box-shadow:1px 2px 3px #49351d12}.physical-tool.picked .tool-tag{color:#eaf0e6;background:#52695b}.move-grip{position:absolute;left:0;top:-38px;background:#f5ede0c9;border:0;min-height:32px;font-size:10px;padding:4px 10px;border-radius:5px;transform:rotate(-3deg)}.move-grip svg{width:16px}.move-grip.picked{background:var(--accent-soft)}.physical-tools .current-color{position:absolute;right:0;top:207px;width:168px;min-height:48px;padding:8px 10px;pointer-events:auto;background:#f5eddd;border:1px solid #ffffff70;border-radius:4px;transform:rotate(-2deg);box-shadow:2px 4px 5px #49351d1a;font-size:13px}.physical-tools .current-color:before{content:"";position:absolute;top:-7px;left:65px;width:44px;height:13px;background:#dcd8bca0;transform:rotate(4deg)}.physical-tools .refill-row{position:absolute;right:9px;top:269px;width:155px;pointer-events:auto;font-size:11px;color:#514532}.physical-tools .refill-row button{min-height:36px;background:#f5eddd;border-color:#e7d6b7;font-size:12px}.physical-tools .refill-row b{font-size:18px;color:#413829}.physical-tools .bead-tray{position:absolute;right:-2px;bottom:44px;width:178px;pointer-events:auto;transform:rotate(2deg);filter:drop-shadow(3px 5px 3px #49351d17)}.physical-tools .tray-instruction{color:#584933;background:#f5edddaa;border-radius:3px;padding:2px 4px;font-size:10px}.physical-tools .tweezer-held-label{position:absolute;right:0;bottom:23px;width:172px;color:#40543d;text-align:center;background:#f5eddd9c;border-radius:4px;padding:3px;font-size:10px}.physical-tools .dock-more{position:absolute;right:2px;bottom:-16px;padding:6px 12px;min-height:36px;background:#f5eddddb;border:0;border-radius:4px;font-size:12px;pointer-events:auto;box-shadow:2px 3px 5px #49351d18;transform:rotate(-2deg)}:root[data-hand=left] .tool-dock.physical-tools:has(.bead-tray){left:20px;right:auto}.desk-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.board-view{z-index:1}.desk-stationery{z-index:0}.desk-lamp{position:absolute;left:-32px;top:125px;width:220px;height:270px;transform:rotate(-9deg)}.lamp-foot{position:absolute;bottom:0;left:25px;width:110px;height:24px;background:linear-gradient(#73816d,#53614d);border-radius:50%;box-shadow:4px 8px 8px #49351d20}.lamp-arm{position:absolute;left:78px;top:73px;width:10px;height:180px;background:linear-gradient(90deg,#465742,#839074,#485c44);transform:rotate(-16deg);transform-origin:50% 100%;border-radius:8px}.lamp-joint{position:absolute;left:39px;top:63px;width:26px;height:26px;border-radius:50%;background:#596d50;box-shadow:inset 2px 2px 2px #b8c1a170}.lamp-neck{position:absolute;left:42px;top:35px;width:100px;height:9px;background:linear-gradient(#8d9b7d,#53684d);transform:rotate(-22deg);border-radius:5px}.lamp-shade{position:absolute;left:109px;top:7px;width:72px;height:60px;border-radius:45% 50% 12% 12%;background:linear-gradient(105deg,#aab69a,#75896c 45%,#50664b);transform:rotate(22deg);box-shadow:5px 6px 6px #49351d20}.lamp-shade:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:9px;border-radius:50%;background:#eee4c2;box-shadow:0 2px 8px #f4e1aa44}.lamp-light{position:absolute;left:110px;top:62px;width:180px;height:180px;background:radial-gradient(ellipse at top,#f8e7b21e,transparent 72%);transform:rotate(18deg)}.studio-vase{position:absolute;left:13%;top:180px;width:86px;transform:rotate(-7deg);filter:drop-shadow(4px 6px 3px #49351d22)}.studio-vase svg{width:100%;height:auto}.artist-sketch{position:absolute;left:15%;bottom:30px;width:144px;height:174px;padding:8px;background:#f1e8d2;transform:rotate(9deg);box-shadow:2px 4px 6px #49351d27}.artist-sketch svg{width:100%;height:132px}.artist-sketch span{font-family:KaiTi,serif;font-size:12px;letter-spacing:.04em;color:#8b8068}.sketch-tape{position:absolute;top:-7px;left:45px;width:50px;height:18px;background:#d3be8c91;transform:rotate(-7deg)}.desk-washi{position:absolute;left:4%;bottom:260px;display:flex;gap:8px;transform:rotate(-16deg)}.desk-washi i{display:block;width:32px;height:32px;border-radius:50%;background:#e4b58b;box-shadow:inset 0 0 0 9px #c79a6b,inset 1px 1px 2px #fff5,3px 4px 4px #49351d20;border:1px solid #d9b88d}.desk-washi i+i{background:#d8dcbf;box-shadow:inset 0 0 0 8px #879573,inset 1px 1px 2px #fff5,3px 4px 4px #49351d20}.desk-pencil-cup{position:absolute;left:8%;bottom:180px;width:65px;height:105px;transform:rotate(14deg)}.desk-pencil-cup i{position:absolute;bottom:35px;left:15px;width:7px;height:70px;background:linear-gradient(90deg,#9e713e,#f1ce89,#c19555);transform:rotate(-12deg)}.desk-pencil-cup i:nth-child(2){left:28px;transform:rotate(10deg);background:linear-gradient(90deg,#5c7657,#a8bb8d,#607855)}.desk-pencil-cup i:nth-child(3){left:40px;transform:rotate(23deg);background:linear-gradient(90deg,#866f6c,#d0b7a7,#a78b81)}.desk-pencil-cup span{position:absolute;bottom:0;left:7px;width:48px;height:58px;background:linear-gradient(90deg,#b1aa91,#e1d8bd,#c1b59b);border-radius:5px 5px 13px 13px;box-shadow:3px 5px 4px #49351d20}.cloth-corner{position:absolute;left:-50px;bottom:-40px;width:200px;height:95px;background:repeating-linear-gradient(0deg,#e8dfca 0 1px,#d9cdb1 2px 3px);transform:rotate(24deg);border-radius:5px;box-shadow:3px -3px 6px #49351d15}@media(max-width:1000px){.studio-vase{left:4%;width:65px;top:170px}.desk-lamp{left:-90px;top:170px}.artist-sketch{left:-40px;bottom:80px}.desk-washi{left:2%;bottom:230px}.desk-pencil-cup{display:none}.tool-dock.physical-tools:has(.bead-tray){right:14px;width:160px}.physical-tools .bead-tray{width:160px}.physical-tools .current-color{width:154px}}@media(max-width:600px){.paper-choice{right:8px;bottom:8px;width:calc(100% - 16px);padding:12px;max-height:calc(100% - 16px)}.paper-choice h2{font-size:16px}.paper-options button{min-height:65px;padding:7px;grid-template-columns:29px 1fr;gap:3px 7px}.paper-sample{width:26px;height:38px}.paper-options b{font-size:10px}.paper-options small{font-size:9px}.backing-options button{font-size:10px;padding:6px}.backing-options small{font-size:9px}.backing-swatch{width:23px;height:23px}.paper-choice .eyebrow{font-size:10px}.paper-phase{font-size:10px;padding:6px;top:5px}.paper-phase button{font-size:10px;margin-left:3px}.cooling-card{padding:13px}.cooling-card h2,.cooling-weight span{font-size:15px}.tool-dock.physical-tools:has(.bead-tray),:root[data-hand=left] .tool-dock.physical-tools:has(.bead-tray){inset:auto 12px 48px;width:auto;height:174px;display:block;padding:0;background:none;overflow:visible}.physical-tools .tool-rests{left:0;right:auto;top:5px;width:126px;height:150px;gap:4px}.physical-tools .physical-tool{width:57px;min-height:130px;padding:0 6px;gap:5px}.physical-pen{height:120px}.physical-pen .pen-tube{height:80px;width:19px}.physical-pen .pen-cap{height:19px;width:22px}.physical-tweezer,.physical-tweezer>i{height:120px;width:24px}.physical-tool .tool-tag{font-size:10px;padding:0 5px;line-height:18px}.move-grip{top:-22px;left:30px;min-height:26px;padding:3px 8px;font-size:9px}.physical-tools .current-color{left:135px;top:8px;right:auto;width:100px;min-height:43px;padding:5px 6px;gap:6px;font-size:11px}.physical-tools .current-color .color-bead{width:22px;height:22px}.physical-tools .current-color small{font-size:8px}.physical-tools .current-color:before{left:30px;width:30px;top:-5px;height:10px}.physical-tools .refill-row{left:137px;top:66px;right:auto;width:91px;display:flex;font-size:9px;flex-wrap:wrap;gap:3px}.physical-tools .refill-row b{font-size:16px}.physical-tools .refill-row button{font-size:10px;min-height:30px;padding:4px 9px}.physical-tools .bead-tray{right:-4px;top:25px;bottom:auto;width:115px}.physical-tools .tweezer-held-label{inset:63px auto auto 132px;width:105px;font-size:9px;background:#f5edddb0}.physical-tools .dock-more{inset:127px auto auto 134px;width:100px;font-size:10px;min-height:30px;padding:4px 6px}.studio-vase,.desk-lamp,.desk-pencil-cup,.artist-sketch{display:none}.desk-washi{left:-16px;bottom:210px;opacity:.75}.cloth-corner{left:-85px;bottom:-46px;opacity:.7}.desk-atmosphere{opacity:.8}.workshop:has(.physical-tools) .board-view{bottom:232px!important}}@media(prefers-reduced-motion:reduce){.laying-sheet,.laying-sheet:after,.paper-lifting,.paper-covering,.cooling-weight{animation:none!important}.paper-choice{transition:none}}.physical-tools .bead-tray{top:0;bottom:auto}.physical-tools .tool-rests{top:188px}.physical-tools .current-color{top:376px}.physical-tools .refill-row{top:438px}.physical-tools .tweezer-held-label{top:156px;bottom:auto}.view-mode-switch{position:absolute;left:49%;top:30px;transform:translate(-50%);display:flex;gap:3px;background:#f4ecdbcc;padding:3px;border:1px solid #fff6;border-radius:20px;z-index:3;box-shadow:0 3px 7px #49351d15}.view-mode-switch button{min-height:34px;font-size:12px;min-width:65px;background:none;border:0;border-radius:18px;padding:5px 12px}.view-mode-switch button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.desk-palette{position:absolute;left:47%;bottom:48px;transform:translate(-50%);width:530px;max-width:calc(100% - 270px);z-index:3;display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:5px 12px 7px;background:#f4ecdadb;border:1px solid #fff7;border-radius:7px;box-shadow:2px 4px 7px #49351d1a}.palette-caption{grid-column:1;font-family:KaiTi,serif;font-size:12px;color:#796c53;letter-spacing:.12em}.desk-color-row{grid-column:1;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin}.desk-color-row button{min-width:54px;min-height:57px;border:1px solid transparent;border-radius:6px;background:none;display:flex;flex-direction:column;gap:3px;padding:4px 5px}.desk-color-row button[aria-pressed=true]{border-color:var(--accent);background:#e2e9e16e}.desk-color-row small{font-size:9px;white-space:nowrap;color:#605543}.palette-bead-model{display:block;position:relative;width:27px;height:27px;border-radius:45% 45% 35% 35%;background:linear-gradient(90deg,#00000020,transparent 30%,#ffffff30 60%,#00000022),var(--bean);box-shadow:2px 4px 3px #49351d30}.palette-bead-model:before{content:"";position:absolute;left:0;right:0;top:-3px;height:15px;border-radius:50%;background:linear-gradient(150deg,#fff5,#fff0 60%,#0000001a),var(--bean);box-shadow:inset 0 1px 1px #fff9}.palette-bead-model:after{content:"";position:absolute;left:7px;right:7px;top:1px;height:8px;border-radius:50%;background:linear-gradient(#293522aa,#3f4a3d66);box-shadow:0 1px 1px #fff8,inset 0 2px 1px #0004}.palette-more{grid-column:2;grid-row:1/3;font-size:10px;padding:5px 8px;border:0;background:none;min-width:55px;color:var(--accent);align-self:center}.workshop:has(.desk-palette) .board-view{bottom:137px}.workshop:has(.desk-palette) .onboarding{bottom:141px}.desk-label h1{max-width:min(430px,40vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-objects-3d{opacity:1!important}.desk-objects-3d>div{width:100%;height:100%}@media(max-width:1000px){.view-mode-switch{left:46%;top:75px}.view-mode-switch button{min-width:52px}.desk-palette{left:43%;width:480px;max-width:calc(100% - 220px)}.physical-tools .tool-rests{top:176px}.physical-tools .current-color{top:363px}.physical-tools .refill-row{top:422px}}@media(max-width:600px){.physical-tools .tool-rests{top:5px}.physical-tools .current-color{top:8px}.physical-tools .refill-row{top:66px}.physical-tools .bead-tray{top:25px}.physical-tools .tweezer-held-label{top:63px}.view-mode-switch{left:16px;top:91px;transform:none;padding:2px;gap:0}.view-mode-switch button{min-width:50px;min-height:31px;font-size:11px;padding:4px 8px}.desk-palette{left:12px;right:12px;bottom:225px;transform:none;width:auto;max-width:none;padding:4px 7px;gap:2px 5px}.desk-color-row{gap:3px}.desk-color-row button{min-width:43px;min-height:48px;padding:2px 4px;gap:2px}.desk-color-row small{font-size:8px}.palette-bead-model{width:23px;height:24px}.palette-bead-model:after{left:6px;right:6px}.palette-caption{font-size:10px}.palette-more{font-size:9px;min-width:48px;padding:3px}.workshop:has(.desk-palette) .board-view{bottom:302px!important}.workshop:has(.desk-palette) .onboarding{bottom:307px}.desk-label h1{max-width:calc(100vw - 40px)}.desk-objects-3d{opacity:.75!important}}.tool-tag{white-space:nowrap}.paper-cover-space .ritual-sheet{pointer-events:none}.desk-atmosphere{isolation:isolate}@media(min-width:1001px){.desk-palette{width:650px}.desk-color-row button{min-width:46px}.desk-color-row{gap:4px}}.finished-dock{max-height:calc(100% - 180px);overflow-y:auto;scrollbar-width:thin}.inventory-toggle{grid-column:1 / -1;display:flex;align-items:center;gap:8px}.inventory-library,.refine-workshop{margin:14px 0;padding:14px;border:1px solid #d7cdbd;border-radius:10px;background:#fffaf0}.inventory-library summary{cursor:pointer;font-weight:700;color:var(--accent)}.inventory-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:5px;max-height:230px;overflow-y:auto;margin-top:10px}.inventory-colors button{min-height:52px;padding:4px;font-size:10px}.inventory-colors button[aria-pressed=true]{outline:2px solid var(--accent);background:var(--accent-soft)}.inventory-colors i,.bom-preview i{display:block;width:24px;height:24px;margin:auto;border-radius:50%;border:1px solid #0002}.refine-workshop h3{margin:0 0 10px}.bom-preview{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.bom-preview span{display:flex;align-items:center;gap:5px;padding:5px 8px;background:#f1eadc;border-radius:5px;font-size:11px}.bom-preview i{width:15px;height:15px;margin:0}.refine-workshop ul{padding-left:20px;font-size:12px;line-height:1.65}.construction-guide{display:flex;align-items:center;gap:10px;padding:8px 0}.construction-guide p{margin:0;flex:1}.paper-cinderella,.paper-fineGlitter,.paper-coarseGlitter{background:linear-gradient(125deg,#f7f0e8,#d4ecf2,#f0d9ee,#fff9d9)}.paper-towel{background:repeating-radial-gradient(circle at 30% 40%,#eee7d8 0 3px,#d8cfbb 4px 6px)}.paper-bath{background:repeating-conic-gradient(#ded9cb 0 25%,#f4efe4 0 50%) 0 / 7px 7px}.paper-corduroy{background:repeating-linear-gradient(90deg,#e5ddcb 0 4px,#cfc5b0 5px 7px)}.paper-waffle{background:repeating-conic-gradient(#e5ddcb 0 25%,#cfc5b0 0 50%) 0 / 12px 12px}.paper-coarse{background:repeating-conic-gradient(#f0eadc 0 25%,#e1dacb 0 50%) 0 / 5px 5px}.paper-fine{background:#f3eee4}.ritual-sheet.paper-cinderella,.ritual-sheet.paper-fineGlitter,.ritual-sheet.paper-coarseGlitter{background:linear-gradient(125deg,#f7f0e859,#d4ecf259,#f0d9ee59,#fff9d959)!important}.ritual-sheet.paper-towel{background:repeating-radial-gradient(circle at 30% 40%,#eee7d861 0 3px,#d8cfbb73 4px 6px)!important}.ritual-sheet.paper-bath{background:repeating-conic-gradient(#ded9cb52 0 25%,#f4efe46b 0 50%) 0 / 7px 7px!important}.ritual-sheet.paper-corduroy{background:repeating-linear-gradient(90deg,#e5ddcb52 0 4px,#cfc5b073 5px 7px)!important}.ritual-sheet.paper-waffle{background:repeating-conic-gradient(#e5ddcb52 0 25%,#cfc5b06b 0 50%) 0 / 12px 12px!important}.ritual-sheet.paper-coarse{background:repeating-conic-gradient(#f0eadc4d 0 25%,#e1dacb66 0 50%) 0 / 5px 5px!important}.ritual-sheet.paper-fine{background:#f3eee461!important}.finished-dock .field-label input{width:100%;min-width:0;font-size:13px}.finished-dock>button{font-size:12px;padding:8px}@media(max-width:600px){.tool-dock.finished-dock{display:grid;grid-template-columns:1fr 1fr;height:auto;max-height:250px;overflow-y:auto;gap:8px;padding:12px;inset:auto 12px 44px;width:auto}.finished-dock .eyebrow{font-size:10px;margin:0}.finished-dock h2{font-size:16px;margin:0}.finished-dock .field-label,.finished-dock .orbit-instruction{grid-column:1/3}.finished-dock>button{font-size:11px;min-height:40px}.workshop:has(.finished-dock) .board-view{bottom:308px!important}}.desk-palette{grid-template-columns:minmax(0,1fr) auto auto}.palette-caption{grid-column:1 / -1}.desk-color-row{min-width:0;grid-row:2}.palette-more{grid-row:2}.palette-tools{grid-column:3;grid-row:2;min-height:44px;padding:5px 8px;font-size:11px;background:#f5eddddb;border:0;box-shadow:1px 2px 4px #49351d18;white-space:nowrap}.palette-tools svg{width:16px;height:16px}.empty-palette{font-size:11px;color:var(--muted)}.color-family-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.color-family-tabs button{min-height:36px;padding:5px 10px;font-size:12px}.color-family-tabs button[aria-pressed=true]{color:var(--surface);background:var(--accent);border-color:var(--accent)}@media(max-width:600px){.desk-palette{gap:2px 4px}.palette-tools{font-size:10px;padding:4px 5px;gap:3px}.palette-more{max-width:76px}}.realistic-iron{position:absolute;width:var(--iron-size, 170px);height:auto;left:calc(var(--iron-size, 170px) * -.45);top:calc(var(--iron-size, 170px) * -.54);overflow:visible;pointer-events:none}.iron-body{transform:translateY(-3px);transition:transform .14s ease}.iron-contact-glow{opacity:0;transition:opacity .2s}.cursor-iron[data-heating=true] .iron-body{transform:translateY(0)}.cursor-iron[data-heating=true] .iron-indicator{fill:#e6a14c;filter:drop-shadow(0 0 2px #f6bd70)}.cursor-iron[data-heating=true] .iron-ground-shadow{opacity:.3}.cursor-iron[data-heating=true] .iron-contact-glow{opacity:1}.cozy-room{--studio-paper: #faf4e8ed;--studio-ink: #54472e;--studio-line: #ae906448;position:relative;height:calc(100dvh - 84px);min-height:560px;overflow:hidden;color:var(--studio-ink);background:#eadfca}.cozy-room[data-lighting=night]{--studio-paper: #292b32ed;--studio-ink: #efe0c6;--studio-line: #c2aa7459}.studio-viewport{position:absolute;inset:0;touch-action:none}.studio-toolbar{position:absolute;z-index:4;left:20px;right:20px;top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.studio-title{text-shadow:0 1px 5px #f8ebd8aa}.studio-title span{font-size:10px;letter-spacing:.13em}.studio-title h1{margin:4px 0 0;font-family:KaiTi,serif;font-size:25px;letter-spacing:.12em}.studio-tools{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--studio-line);background:var(--studio-paper);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;box-shadow:0 4px 20px #49351d10}.cozy-room button{color:var(--studio-ink)}.studio-tools button{min-height:38px;min-width:35px;padding:5px 8px;border:0;background:transparent;gap:5px;font-size:14px}.studio-tools small{font-size:10px}.studio-tools button[aria-pressed=true],.tray-surfaces button[aria-pressed=true],.mount-options button[aria-pressed=true]{background:#9bad7a32;box-shadow:inset 0 0 0 1px #6a7f574d}.studio-tools svg{width:17px;height:17px}.studio-view-controls{position:absolute;left:20px;bottom:70px;z-index:4;display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--studio-paper);border:1px solid var(--studio-line)}.cozy-room:has(.studio-tray[data-open=true]) .studio-view-controls{bottom:212px}.studio-view-controls button{min-height:34px;min-width:34px;padding:4px 8px;font-size:11px;border:0;background:transparent}.studio-view-controls small{font-size:10px}.studio-view-controls svg{width:15px;height:15px}.studio-tray{position:absolute;z-index:5;bottom:14px;left:50%;transform:translate(-50%);width:min(970px,calc(100% - 40px));padding:4px 12px 8px;border:1px solid var(--studio-line);border-radius:15px;background:var(--studio-paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 28px #49351d20}.studio-tray[data-open=false]{width:min(420px,calc(100% - 40px));padding-bottom:4px}.tray-toggle{display:flex;width:100%;justify-content:flex-start;min-height:32px;padding:4px 2px;border:0;background:transparent;font-size:12px;gap:10px}.tray-toggle span{font-size:10px;opacity:.7}.tray-toggle b{margin-left:auto;font-size:18px;font-weight:400}.tray-surfaces{display:flex;gap:5px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}.tray-surfaces button{flex-shrink:0;min-height:28px;padding:3px 12px;border:1px solid var(--studio-line);background:transparent;border-radius:20px;font-size:10px}.craft-card-row{display:flex;align-items:center;gap:10px;overflow-x:auto;min-height:84px;scrollbar-width:thin;padding:3px 0}.craft-card{flex:0 0 210px;display:flex;align-items:center;min-height:80px;height:80px;padding:5px;border:1px solid var(--studio-line);border-radius:10px;background:#fff8e91c;touch-action:pan-x;text-align:left;gap:7px;-webkit-user-select:none;user-select:none}.craft-card canvas{width:65px;height:65px;flex-shrink:0}.craft-card>span{min-width:0}.craft-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.craft-card small{display:block;margin-top:7px;font-size:9px;opacity:.65;line-height:1.5}.craft-card-row>p{margin:0;font-size:12px;opacity:.7;padding:15px 4px}.studio-drag-card{position:fixed;z-index:65;width:90px;height:90px;border-radius:12px;background:#fff5e7e8;box-shadow:0 8px 25px #352f2940;pointer-events:none;transform:rotate(-5deg)}.studio-drag-card canvas{width:90px;height:90px}.studio-piece-targets,.studio-anchor-layer{position:absolute;inset:0;pointer-events:none}.piece-target{position:absolute;width:25px;height:25px;min-height:0;min-width:0;padding:0;transform:translate(-50%,-50%);border:1px solid transparent;border-radius:50%;background:transparent;pointer-events:auto;opacity:.1}.piece-target>span{width:5px;height:5px;border-radius:50%;background:#e2c789}.piece-target:hover,.piece-target:focus-visible,.piece-target.selected{opacity:1;background:#f2dca52e;border-color:#d6bf8460}.studio-anchor{position:absolute;width:29px;height:29px;min-width:0;min-height:0;transform:translate(-50%,-50%);border:1px dashed #fff2c2;border-radius:50%;background:#7b8b58c2;color:#fff9e4!important;font-size:10px;padding:0;box-shadow:0 0 0 5px #f5df9b22;pointer-events:auto}.studio-anchor:hover,.studio-anchor:focus-visible{background:#c5a359;box-shadow:0 0 0 8px #f5df9b33}.studio-radial{position:absolute;z-index:6;transform:translate(-50%,-100%);width:244px;padding:7px;border-radius:14px;border:1px solid var(--studio-line);background:var(--studio-paper);box-shadow:0 7px 24px #352f2926;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.radial-name{display:block;margin:0 3px 5px;text-align:center;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radial-buttons{display:flex;justify-content:space-between;gap:3px}.radial-buttons>button{flex:0 0 42px;padding:4px 1px;min-width:0;min-height:48px;display:flex;flex-direction:column;gap:3px;border:0;border-radius:50% 50% 12px 12px;background:#b9ad8e20;font-size:18px}.radial-buttons small{font-size:8px;white-space:nowrap}.radial-extra{margin-top:6px;padding-top:6px;border-top:1px solid var(--studio-line)}.radial-extra>div:first-child{display:flex;align-items:center;justify-content:center;gap:8px}.radial-extra button{padding:4px 8px;font-size:10px;min-height:30px;border:1px solid var(--studio-line);background:transparent}.radial-extra output{font-size:11px}.mount-options{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:6px}.surface-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.studio-empty-note{position:absolute;left:50%;transform:translate(-50%);bottom:220px;padding:9px 13px;border-radius:8px;border:1px solid var(--studio-line);background:var(--studio-paper);font-size:12px;text-align:center;max-width:calc(100% - 40px)}.studio-empty-note button{display:block;margin:5px auto 0;font-size:10px;min-height:28px;padding:3px 8px;border:0;background:transparent;text-decoration:underline}.page-room .save-status{top:64px;bottom:auto;right:18px}.studio-inspect{position:fixed;inset:0;z-index:70;background:radial-gradient(ellipse at 50% 30%,#fffaf0,#dfd0b7);color:#54472e;display:flex;flex-direction:column;overflow:auto;animation:inspect-arrive .3s ease-out}.inspect-close,.inspect-spin{position:absolute;top:18px;z-index:3;min-height:38px;font-size:12px;padding:6px 12px;border:1px solid #ab96604d;background:#fff8ece0;color:#54472e!important}.inspect-close{left:20px}.inspect-spin{right:20px}.inspect-art{flex:1 0 270px;min-height:0;touch-action:none;cursor:grab}.inspect-art:active{cursor:grabbing}.handmade-certificate{flex-shrink:0;align-self:center;width:min(610px,calc(100% - 32px));margin:0 auto 24px;padding:18px 20px;text-align:center;background:#fff9edd9;border:1px solid #fff8;border-radius:4px;box-shadow:0 4px 15px #614d2710}.handmade-certificate h2{font-family:KaiTi,serif;font-size:25px;margin:6px 0 10px}.handmade-certificate .eyebrow{font-size:10px;letter-spacing:.18em}.handmade-certificate p{font-size:12px;line-height:1.6;margin:5px 0}.handmade-certificate small{font-size:10px;opacity:.7}@keyframes inspect-arrive{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.cozy-room{min-height:0;height:calc(100dvh - 70px)}.studio-toolbar{left:10px;right:10px;top:9px;flex-direction:column;align-items:flex-start;gap:6px}.studio-title h1{font-size:20px;margin-top:2px}.studio-title span{font-size:9px}.studio-tools{width:100%;gap:1px;padding:3px;justify-content:space-between}.studio-tools button{min-height:33px;min-width:28px;padding:4px;gap:2px;font-size:12px}.studio-tools small{font-size:8px}.studio-tools svg{width:14px;height:14px}.studio-tray{bottom:8px;left:8px;right:8px;transform:none;width:auto;padding:3px 8px 6px;border-radius:12px}.studio-tray[data-open=false]{width:auto}.tray-toggle{font-size:11px}.tray-toggle span{font-size:9px}.tray-surfaces button{padding:3px 10px}.craft-card{flex-basis:190px}.craft-card-row{min-height:82px}.studio-view-controls{left:10px;bottom:60px}.cozy-room:has(.studio-tray[data-open=true]) .studio-view-controls{bottom:185px}.studio-view-controls button{min-height:30px;font-size:10px;padding:3px 7px}.studio-empty-note{bottom:235px;font-size:11px}.page-room .save-status{top:54px;right:10px}.inspect-close,.inspect-spin{top:12px;font-size:10px;padding:5px 9px}.inspect-close{left:10px}.inspect-spin{right:10px}.handmade-certificate{padding:14px 12px;margin-bottom:14px}.handmade-certificate h2{font-size:21px}.handmade-certificate p{font-size:11px}}