#onboarding-dialog{position:fixed;inset:calc(var(--host-top, 0px) + 16px) 16px 16px calc(var(--host-left, 0px) + 16px);box-sizing:border-box;width:min(440px,calc(100vw - var(--host-left, 0px) - 32px));max-width:calc(100vw - var(--host-left, 0px) - 32px);max-height:calc(100dvh - var(--host-top, 0px) - 32px);margin:auto;padding:24px;border:1px solid #cdd7c6;border-radius:14px;background:#f8f8ef;color:#29473d;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #102c2444}#onboarding-dialog::backdrop{background:#11281f88;backdrop-filter:blur(3px)}#onboarding-dialog[open]{display:flex;flex-direction:column}.onboarding-stage{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-bottom:14px}.onboarding-top,.onboarding-progress,.onboarding-actions{flex-shrink:0}.onboarding-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#73816d;letter-spacing:1px}#onboarding-skip{min-height:44px;padding:0 6px;color:inherit;font-size:11px;background:none;border:0;cursor:pointer}.onboarding-progress{display:flex;list-style:none;gap:8px;margin:12px 0 18px;padding:0}.onboarding-progress li{flex:1;text-align:center;background:#e9eee2;color:#7b8b73;border-radius:5px;padding:8px 3px;font:16px Georgia,serif}.onboarding-progress li span{font:11px PingFang SC,Microsoft YaHei,sans-serif;margin-left:7px}.onboarding-progress li.active{color:#eff3e8;background:#3b6150}#onboarding-art{display:grid;place-items:center;background:#1b3027;border-radius:8px;height:138px;overflow:hidden}#onboarding-art svg{display:block;width:100%;height:100%}#onboarding-count{color:#809174;font-size:10px;letter-spacing:2px;margin:20px 0 10px}#onboarding-title{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.6;margin:0 0 12px}#onboarding-text{min-height:76px;font-size:13px;line-height:1.9;color:#61745f;margin:0}#onboarding-hint{padding:12px;margin:14px 0 20px;border-radius:6px;color:#6f8266;background:#edf1e6;font-size:11px;line-height:1.8}.onboarding-actions{display:flex;gap:12px}.onboarding-actions button{min-height:44px;padding:10px 16px;background:none;border:1px solid #81957555;border-radius:5px;font:inherit;font-size:12px;color:#5b7053;cursor:pointer}.onboarding-actions button:disabled{opacity:.35;cursor:default}#onboarding-next{flex:1;color:#f2f3e6;background:#365c4c;border-color:#365c4c}#onboarding-dialog button:focus-visible{outline:2px solid #879e7d;outline-offset:3px}.mobile-studio #onboarding-help{display:none}.mobile-help-replay{width:100%;min-height:44px;border:1px solid #77936466;border-radius:5px;color:#91a780;margin:14px 0 0;font-size:12px}:root[data-theme=dark] #onboarding-dialog{background:#15251c;color:#d8e4d0;border-color:#607157}:root[data-theme=dark] #onboarding-text{color:#b1c2a8}:root[data-theme=dark] #onboarding-hint{background:#273a29;color:#b2c3a7}:root[data-theme=dark] .onboarding-top{color:#a6b49b}:root[data-theme=dark] .onboarding-progress li{background:#283a2a;color:#a7b99c}:root[data-theme=dark] .onboarding-progress li.active{background:#baceab;color:#233b2b}:root[data-theme=dark] #onboarding-prev{color:#b2c3a7}:root[data-theme=dark] #onboarding-next{background:#baceab;color:#233b2b}@media(max-height:720px){#onboarding-dialog{padding:16px 20px}.onboarding-progress{margin:4px 0 12px}#onboarding-art{height:88px}#onboarding-count{margin-top:13px}#onboarding-title{font-size:21px;margin-bottom:8px}#onboarding-text{min-height:0;font-size:12px}#onboarding-hint{padding:9px;margin:12px 0}}@media(orientation:landscape)and (max-height:600px){#onboarding-dialog{width:min(690px,calc(100vw - var(--host-left, 0px) - 32px));padding:12px 20px}.onboarding-stage{display:grid;grid-template-columns:.65fr 1fr;gap:20px;align-items:center}#onboarding-art{height:142px}#onboarding-count{margin:0 0 5px}#onboarding-title{font-size:19px;margin-bottom:7px}#onboarding-text{font-size:11px}#onboarding-hint{margin:9px 0 12px;font-size:10px}}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#d6ddd6;background:#111614;font-synthesis:none;font-weight:400;font-size:13px;--muted:#818e86;--line:#ffffff0e;--mint:#bfdcca;--serif:"Noto Serif SC","Songti SC","STSong",serif;--range-progress:50%}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{opacity:.3;cursor:not-allowed}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint)}button{transition:background .2s,color .2s,border-color .2s,opacity .2s}a{color:inherit;text-decoration:none}.icon{height:18px;width:18px;flex:none;display:block}h1,h2,h3,p{margin:0}.header{height:88px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:26px;background:#121916}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.brand-mark .icon{width:34px;height:38px;color:#b8d7c4;stroke-width:1.05}.brand-name{font-family:var(--serif);font-size:26px;letter-spacing:5px;line-height:1.3;color:#e1e9df}.brand-name>span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.6px;padding-top:3px}.brand-divider{height:27px;width:1px;background:#758b733e;margin:0 4px 0 3px}.brand-tagline{font-size:11px;letter-spacing:2px;color:#87978b}.navigation{display:flex;gap:32px;align-self:stretch}.nav-item{position:relative;color:#849288;font-size:12px;padding:0 2px;letter-spacing:.5px;white-space:nowrap}.nav-item:hover{color:#d9e7dd}.nav-item.active{color:#d5e5d8}.nav-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#b8d2b9}.nav-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#798e68;margin:0 0 7px 4px}.nav-item #collection-count{font-size:9px;border:1px solid #66776c44;border-radius:4px;padding:0 4px;margin-left:6px;color:#9eafa1}.header-actions{display:flex;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:5px;min-height:38px;padding:0 16px;font-size:11px;letter-spacing:.7px}.button.quiet{border:1px solid #9aaa9433;color:#bac6bb}.button.quiet:hover{background:#ffffff07;border-color:#aabc9c6b}.button.primary{background:#c3d9c6;color:#1d3026;border:1px solid #c9ddcb}.button.primary:hover{background:#e0eadc}.button .icon{width:15px;height:15px}.workspace{display:grid;grid-template-columns:252px minmax(320px,1fr) 270px;min-height:calc(100svh - 133px);max-width:1920px;margin:0 auto}.panel{padding:28px 24px 22px;background:#131a17}.pattern-panel{border-right:1px solid var(--line)}.material-panel{border-left:1px solid var(--line)}.panel-title{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.8px;color:#8b9b8e;display:block}.panel-title h2{font-family:var(--serif);font-size:21px;letter-spacing:3px;font-weight:400;margin-top:9px;color:#dce4d9}.small-number{font-family:var(--serif);font-size:26px;font-weight:400;color:#6e84652b}.panel-intro{margin:12px 0 23px;font-size:10px;color:#849187;letter-spacing:1px}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.pattern-card{text-align:left;padding:0;min-width:0}.pattern-thumbnail{height:96px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 30%,#29352e6e,#0c100e 85%);border:1px solid #7b8c7c27;border-radius:5px;transition:background .2s,border-color .2s}.pattern-thumbnail>svg{width:77px;height:77px;opacity:.68;transition:opacity .2s,transform .3s}.pattern-card:hover .pattern-thumbnail>svg{opacity:1;transform:scale(1.06)}.pattern-card:hover .pattern-thumbnail{border-color:#a2b39b6b}.pattern-card.selected .pattern-thumbnail{border-color:#aac6a9a8;background:radial-gradient(ellipse at 40% 30%,#34463b70,#111912 90%)}.pattern-card.selected .pattern-thumbnail>svg{opacity:1}.pattern-index{position:absolute;top:7px;left:8px;font-family:Georgia,serif;font-size:8px;color:#718277}.selected-tick{position:absolute;right:5px;bottom:5px;background:#bdd4bd;border-radius:50%;width:13px;height:13px;display:none;align-items:center;justify-content:center;color:#23372b}.selected-tick .icon{height:9px;width:9px;stroke-width:2}.selected .selected-tick{display:flex}.pattern-card strong{display:block;font-family:var(--serif);font-weight:400;font-size:12px;letter-spacing:1px;margin:9px 0 4px;color:#c5cec3}.pattern-card>span{display:block;color:#75847a;font-size:8px;letter-spacing:.7px}.pattern-card.selected strong{color:#d4e6ce}.subsection{border-top:1px solid var(--line);margin-top:23px;padding-top:21px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-label h3{font-weight:400;font-size:11px;letter-spacing:1px;color:#c7d2c7}.section-label>span{font-size:8px;color:#7e8f81;letter-spacing:.5px}.section-label>.icon{width:14px;height:14px;color:#82937d}.history-actions{display:flex;gap:8px}.icon-button{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:4px;color:#8d9a90}.icon-button:hover{background:#adc7b015;color:#d3e3d3}.history-actions .icon-button{width:19px;height:18px}.history-actions .icon{width:12px;height:12px}.range-field{display:block;margin-bottom:17px}.range-field>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9dac9f}.range-field output{font-size:9px;color:#acb9ae;font-variant-numeric:tabular-nums;font-family:Arial,sans-serif}.range-field input{display:block;width:100%;height:14px;padding:0;margin:9px 0 0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.range-field input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#9ebaa1 0 var(--range-progress),#38473b var(--range-progress) 100%);border-radius:2px}.range-field input::-moz-range-track{height:2px;background:#38473b;border-radius:2px}.range-field input::-moz-range-progress{background:#9ebaa1;height:2px}.range-field input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;background:#cee0c6;border:1px solid #d6e8ce;border-radius:50%;margin-top:-3px;box-shadow:0 0 0 3px #18251b}.range-field input::-moz-range-thumb{width:7px;height:7px;background:#cee0c6;border:1px solid #d6e8ce;border-radius:50%}.range-field input:focus-visible{outline-offset:2px}.range-field small{font-size:9px;color:var(--muted)}.shuffle-button{border:1px solid #687e673a;background:#26342835;padding:0 11px;width:100%;font-size:9px;color:#a8b9a7;justify-content:flex-start;min-height:35px;margin-top:1px}.shuffle-button .icon{width:13px;height:13px}.shuffle-button>span{margin-left:auto;color:#7b9479;font-size:15px}.shuffle-button:hover{background:#34453860}.panel-footnote{display:flex;align-items:center;gap:7px;color:#6e8371;font-size:8px;letter-spacing:.3px;line-height:1.7;margin-top:27px;white-space:nowrap}.panel-footnote .icon{width:13px;height:13px}.exhibition{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 49% 47%,#28312b,#1d2520 25%,#141b17 55%,#101713 89%)}.exhibition:before{pointer-events:none;content:"";position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23758373' opacity='.28' filter='url(%23noise)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.exhibition-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 28px;position:relative;z-index:1}.exhibit-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#95a391;letter-spacing:.6px}.status-dot{width:4px;height:4px;border-radius:50%;background:#b2cbae;box-shadow:0 0 9px #b4d4b04a}.exhibit-edition{font-size:8px;color:#6a7c6c;letter-spacing:1.6px;font-family:Arial,sans-serif;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.exhibit-edition>span{margin:0 7px;color:#4a604d}.exhibition-top .icon-button{width:24px;height:24px}.exhibition-top .icon{height:14px;width:14px}.art-heading{text-align:center;position:relative;z-index:1;padding-top:10px;pointer-events:none}.art-heading .eyebrow{font-size:7px;letter-spacing:2.8px;color:#8c9b85}.art-heading h1{font-family:var(--serif);font-size:34px;line-height:1.7;letter-spacing:10px;font-weight:400;color:#dbe5d1;margin-top:11px;text-indent:10px}.art-heading p{color:#8b9a85;font-size:10px;letter-spacing:4px;margin-top:5px}#viewport{width:100%;height:clamp(350px,47vw,600px);min-height:350px;flex:1;position:relative;margin-top:-10px;z-index:0}#viewport canvas{display:block;touch-action:none;width:100%;height:100%;cursor:grab;position:relative;z-index:1}#viewport canvas:active{cursor:grabbing}.art-signature{position:absolute;right:28px;top:47%;display:flex;align-items:center;gap:13px;writing-mode:vertical-rl;font-family:var(--serif);color:#809076;letter-spacing:4px;font-size:9px;opacity:.65;pointer-events:none}.art-signature i{border:1px solid #ab6f5666;color:#ad7c68;padding:4px 3px;font-size:8px;letter-spacing:3px;font-style:normal}.view-hint{color:#899582;font-size:9px;letter-spacing:1px;position:relative;margin-top:-15px;margin-bottom:20px;z-index:2;pointer-events:none}.view-hint>span{padding:0 9px;color:#566852}.viewer-toolbar{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 10px;border:1px solid #8ea08129;border-radius:6px;background:#1c251dc2;backdrop-filter:blur(12px);position:relative;z-index:2;box-shadow:0 5px 20px #0000000d}.toolbar-button{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.5px;color:#a6b59d;border-radius:4px;padding:9px 10px;white-space:nowrap}.toolbar-button .icon{width:14px;height:14px}.toolbar-button:hover,.toolbar-button[aria-pressed=true]{background:#a2cba01b;color:#d2e9c9}.tool-divider{height:16px;width:1px;background:#81917530;margin:0 4px}.viewer-toolbar .icon-button{width:25px;height:27px}.viewer-toolbar .icon-button .icon{height:13px;width:13px}.zoom-label{font-family:Arial,sans-serif;font-size:9px;color:#a5b29b;min-width:33px;text-align:center}.art-caption{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;padding:27px 30px 21px;color:#667b66;font-size:8px;letter-spacing:1px}.art-caption>span:first-child{color:#9aaa90}.loading-state,.render-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;text-align:center;padding:30px;color:#a8baa1;font-size:12px}.loading-shell .icon{width:45px;height:45px;color:#bfd9bd}.loading-shell{animation:breathe 2s ease-in-out infinite}.render-error{z-index:5;line-height:1.9}.render-error h3{font-family:var(--serif);font-size:21px;font-weight:400}@keyframes breathe{50%{opacity:.35;transform:rotate(15deg)}}.material-label{margin:25px 0 15px}.material-label>span{border:1px solid #82977930;padding:3px 5px;border-radius:3px;color:#93aa88;font-size:7px}.shell-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.shell-option{padding:0;display:flex;align-items:center;flex-direction:column;gap:9px;color:#7e8e80;font-size:8px;white-space:nowrap}.shell-swatch{height:31px;width:31px;border-radius:50%;display:block;position:relative;box-shadow:inset 0 0 7px #ffffff70,inset 2px 3px 7px #0007,0 2px 5px #0005}.shell-swatch:before{content:"";position:absolute;inset:-4px;border:1px solid transparent;border-radius:50%;transition:border-color .2s}.shell-option.selected .shell-swatch:before{border-color:#c0d3b5}.shell-option.selected{color:#dae6d0}.swatch-abalone{background:repeating-radial-gradient(ellipse at 10% 25%,#96ad9a00 0 3%,#36477474 6%,#d4b4c43d 8%,#65836713 12%),conic-gradient(from 45deg,#dcdeb1,#71bca5,#6174a5,#b195c1,#d8b99b,#7cb7a0,#dcdeb1)}.swatch-nautilus{background:repeating-radial-gradient(ellipse at 80% 10%,#121e3900 0 9%,#7997a767 13%,#29365085 19%),conic-gradient(#617eb2,#337e82,#252c63,#80759a,#617eb2)}.swatch-white{background:repeating-radial-gradient(ellipse at 30% 20%,#eae6e35e 0 4%,#a8b0a88c 9%,#e0d2a956 15%),conic-gradient(#e2e1d6,#c5d9d4,#e9d5c4,#efebe1,#b2b9c5,#e2e1d6)}.swatch-black{background:repeating-radial-gradient(ellipse at 10% 10%,#18373300 0 6%,#4a6c785e 9%,#16252a88 13%),conic-gradient(#3c6970,#12172b,#417e6f,#383752,#3c6970)}.swatch-trochus{background:repeating-radial-gradient(ellipse at 0 100%,#abc4a97a 0 5%,#93bea059 10%,#dbd9a129 12%),conic-gradient(#b7cbbc,#649685,#d3dcc2,#78aa9e,#b7cbbc)}.material-note{margin-top:18px;background:#9db29006;padding:12px 11px 13px;border-left:1px solid #aec19a38}.material-note>span{font-family:var(--serif);font-size:10px;letter-spacing:1px;color:#b8c8ad}.material-note p{font-size:9px;line-height:1.9;color:#81917d;margin-top:7px}.craft-section{margin-top:21px;padding-top:18px}.craft-section .section-label{margin-bottom:13px}.tiny-button{padding:0;color:#71866e}.tiny-button .icon{width:13px;height:13px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border:1px solid #78906c28;border-radius:5px;background:#0c120e80;gap:3px}.segmented>button{padding:8px 2px;font-size:9px;border-radius:3px;color:#83977e;white-space:nowrap}.segmented>button.selected{background:#34463066;color:#ccdfc0;box-shadow:0 1px 3px #0003}.segmented>button:hover{color:#d5e6ca}.craft-note{color:#74876e;font-size:8px;line-height:1.9;margin-top:10px;min-height:30px}.optical-controls{margin-top:18px}.optical-controls .range-field:last-child{margin-bottom:0}.light-section{padding-top:19px;margin-top:23px}.light-section .range-field:last-child{margin-bottom:0}.shape-section{margin-top:20px;padding-top:18px}.shape-section .section-label{margin-bottom:12px}.shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.shape-options>button{border:1px solid #768c6e30;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;height:33px;border-radius:4px;color:#8fa085}.shape-options>button.selected{border-color:#9fb8927a;color:#d0dfc1;background:#61714f15}.shape-icon{display:inline-block;width:11px;height:11px;border:1px solid currentColor}.shape-icon.round{border-radius:50%}.shape-icon.square{border-radius:2px}.shape-icon.oval{width:9px;height:12px;border-radius:50%}.footer{height:45px;border-top:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#101713;color:#71806c;font-size:8px;letter-spacing:1.1px}.footer>span:first-child{font-family:var(--serif);font-size:9px;color:#8a9e81;letter-spacing:2px}.footer i{font-style:normal;padding:0 8px;color:#4a5b45}.footer>button{font-size:8px;display:flex;align-items:center;gap:12px;color:#8ea280}.footer .icon{height:11px;width:11px}.focus-view{grid-template-columns:1fr}.focus-view>.panel{display:none}.focus-view #viewport{height:calc(100svh - 400px);min-height:480px}.focus-view .exhibition{min-height:calc(100svh - 133px)}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,10px);background:#d9e5d1;color:#243423;border:1px solid #e3eddd;box-shadow:0 8px 40px #0006;padding:13px 23px;border-radius:5px;opacity:0;pointer-events:none;z-index:30;font-size:12px;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);white-space:normal;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}dialog{color:#c6d6bc;background:#151e16;border:1px solid #a0b58942;border-radius:10px;max-width:min(690px,calc(100vw - 32px));width:690px;padding:30px 32px;box-shadow:0 40px 150px #0009;max-height:88svh;overflow-y:auto}dialog::backdrop{background:#030803b5;backdrop-filter:blur(9px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #9caa821f;padding-bottom:21px;margin-bottom:21px}.modal-header h2{font-family:var(--serif);font-weight:400;font-size:23px;letter-spacing:3px;margin-top:10px}.modal-header .eyebrow{color:#829474}.modal-intro{font-size:11px;line-height:1.9;color:#8b9e80;margin:0 0 23px}.notes-intro{display:flex;align-items:center;gap:25px;margin:28px 0 33px}.notes-emblem .icon{height:47px;width:47px;color:#9fb88a;stroke-width:1}.notes-intro p{font-family:var(--serif);font-size:13px;line-height:2;color:#b7c9ab}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.notes-grid article>span{font-size:8px;letter-spacing:1px;color:#859e72}.notes-grid h3{font-family:var(--serif);font-size:15px;font-weight:400;margin:13px 0}.notes-grid p{color:#8b9c80;font-size:11px;line-height:2}.craft-guide{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.craft-guide h3{font-weight:400;font-family:var(--serif);letter-spacing:2px;margin-bottom:18px;font-size:15px}.craft-guide p{display:flex;gap:22px;line-height:1.9;margin-top:10px;font-size:11px}.craft-guide p>b{flex:none;font-weight:400;color:#bdcfae}.craft-guide p>span{color:#8c9b7f}.notes-disclaimer{margin-top:27px;font-size:9px;line-height:1.9;color:#6c8160}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.collection-card{border:1px solid #8ba17528;border-radius:6px;overflow:hidden;background:#111b12}.collection-open{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 15px;width:100%}.collection-open img{width:100%;aspect-ratio:1;object-fit:cover;background:#101610}.collection-open strong{font-family:var(--serif);font-size:16px;font-weight:400;margin:14px 15px 8px;letter-spacing:2px}.collection-open span{font-size:9px;color:#89a074;padding:0 15px}.remove-work{font-size:9px;color:#728c60;padding:0 15px 15px}.remove-work:hover{color:#dbba9b}.empty-collection{text-align:center;padding:24px 0 20px}.empty-collection>.icon{height:31px;width:31px;margin:0 auto 20px;color:#a0b28d}.empty-collection h3{font-family:var(--serif);font-weight:400;font-size:20px;letter-spacing:2px}.empty-collection p{font-size:11px;line-height:2;color:#8fa17e;margin:18px 0 24px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.export-options button{border:1px solid #8ba47741;border-radius:7px;padding:22px;text-align:left;position:relative}.export-options button:hover{border-color:#b9d29a;background:#a7c88509}.export-options button>span{display:block;font-family:var(--serif);font-size:16px;letter-spacing:2px;margin-bottom:18px}.export-options button>strong{font-family:Georgia,serif;font-size:25px;font-weight:400;display:block;letter-spacing:1px;color:#d3e3bf}.export-options small{font-family:Arial,sans-serif;font-size:13px;color:#6e845b}.export-options em{font-size:10px;color:#8ea275;display:block;font-style:normal;margin-top:12px}.export-options .icon{position:absolute;top:22px;right:19px;color:#95ad79;width:15px;height:15px}.export-status{font-size:11px;color:#becfa7;line-height:1.8;min-height:23px;margin-top:20px}@media(min-width:1550px){.workspace{grid-template-columns:280px minmax(320px,1fr) 300px}.panel{padding:32px 28px}.pattern-thumbnail{height:114px}.pattern-grid{gap:18px 14px}.art-heading{padding-top:28px}.art-heading h1{font-size:39px}.material-note p{font-size:10px}.range-field>span{font-size:11px}.shell-swatch{height:35px;width:35px}.shell-option{font-size:9px}#viewport{min-height:460px;max-height:760px}.composition{margin-top:27px}.panel-footnote{margin-top:32px}}@media(max-width:1180px){.header{padding:0 22px;gap:16px}.brand-tagline,.brand-divider{display:none}.navigation{gap:23px}.workspace{grid-template-columns:215px minmax(290px,1fr) 235px}.panel{padding:24px 18px}.pattern-thumbnail{height:85px}.pattern-grid{gap:13px 10px}.panel-title h2{font-size:19px}.panel-footnote{font-size:7px;letter-spacing:0}.shell-options{gap:2px}.shell-swatch{height:27px;width:27px}.shell-option{font-size:7px}.material-note{padding:10px 9px}.material-note p{font-size:8px}.art-heading .eyebrow{letter-spacing:1.6px;font-size:6px}.art-heading h1{font-size:29px;letter-spacing:8px}.viewer-toolbar{gap:3px;padding:5px}.toolbar-button{gap:5px;padding:8px 7px;font-size:8px}.tool-divider{margin:0 3px}.art-caption{padding:25px 22px 20px;letter-spacing:.2px;font-size:7px}.art-signature{right:17px}.exhibition-top{padding:18px 21px}.header-actions{gap:8px}.button{padding:0 12px}.footer{padding:0 22px}}@media(max-width:960px){.header{height:76px;padding:0 20px;flex-wrap:wrap;gap:0}.brand-name{font-size:24px}.brand-mark .icon{width:28px;height:34px}.brand{gap:10px}.navigation{gap:20px;margin-left:auto;margin-right:25px}.nav-item{font-size:10px}.header-actions .button.quiet{width:34px;padding:0}.header-actions .button.quiet>span{display:none}.header-actions .button.primary{min-height:34px;font-size:10px}.workspace{grid-template-columns:200px minmax(290px,1fr)}.exhibition{grid-column:2;grid-row:1 / 3}.material-panel{grid-column:1;grid-row:2;border-left:0;border-right:1px solid var(--line);border-top:1px solid var(--line)}.pattern-panel{grid-column:1;grid-row:1}.panel{padding:23px 17px}.pattern-panel .panel-footnote{display:none}.composition{margin-top:20px}.pattern-thumbnail{height:72px}.pattern-thumbnail>svg{width:65px;height:65px}.pattern-card strong{font-size:11px}.pattern-card>span{font-size:7px}.exhibition{position:sticky;top:0;height:calc(100svh - 1px);max-height:960px;align-self:start}.exhibition #viewport{height:400px;flex:1}.exhibition-top{padding-top:23px}.art-heading{padding-top:20px}.workspace.focus-view .exhibition{grid-column:1;grid-row:1;height:calc(100svh - 122px);min-height:580px}.footer>span:nth-child(2){display:none}.shell-option{font-size:7px}.material-note p{font-size:9px}.panel-title .eyebrow{font-size:7px}.viewer-toolbar{padding:6px 8px}.toolbar-button{font-size:9px;padding:8px}.art-caption{font-size:8px}.art-signature{top:45%}}@media(max-width:620px){.header{height:auto;min-height:111px;padding:15px 18px 0;gap:14px}.brand{margin-right:auto}.brand-name{font-size:24px;letter-spacing:4px}.brand-name>span{font-size:7px}.brand-mark .icon{width:28px}.header-actions{gap:9px}.header-actions .button.quiet{min-height:33px}.header-actions .button.primary{min-height:33px;font-size:9px;padding:0 12px}.header-actions .button.primary .icon{width:13px;height:13px}.navigation{order:3;width:100%;justify-content:center;margin:0;gap:48px;height:34px;align-self:auto}.nav-item{font-size:10px;padding-bottom:12px}.nav-item.active:after{bottom:-1px}.workspace{display:flex;flex-direction:column;min-height:0}.exhibition{order:0;position:relative;top:auto;height:640px;max-height:none;min-height:0;width:100%;align-self:stretch;border-bottom:1px solid var(--line)}.exhibition-top{padding:14px 20px}.exhibit-edition{font-size:7px;letter-spacing:1px}.exhibit-label{font-size:8px}.art-heading{padding-top:8px}.art-heading .eyebrow{font-size:6px;letter-spacing:1.8px}.art-heading h1{font-size:30px;margin-top:10px;letter-spacing:8px}.art-heading p{font-size:9px;letter-spacing:3px}.exhibition #viewport{height:340px;min-height:290px;flex:1;margin-top:-3px}.art-signature{right:17px;top:43%;font-size:8px;opacity:.5}.view-hint{font-size:8px;margin-top:-7px;margin-bottom:15px;letter-spacing:.5px}.viewer-toolbar{gap:3px;padding:5px 8px;border-radius:5px}.toolbar-button{font-size:9px;padding:8px 5px;gap:5px}.toolbar-button .icon{width:13px;height:13px}.viewer-toolbar .icon-button{width:23px}.tool-divider{margin:0 3px}.zoom-label{font-size:8px;min-width:31px}.art-caption{font-size:7px;letter-spacing:.3px;padding:22px 20px 19px}.panel{padding:27px 22px}.pattern-panel{order:1;border-right:0;border-bottom:1px solid var(--line)}.material-panel{order:2;border-right:0;border-top:0}.panel-title h2{font-size:23px}.panel-title .eyebrow{font-size:8px}.small-number{font-size:28px}.panel-intro{font-size:10px;margin-bottom:20px}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 12px}.pattern-thumbnail{height:94px}.pattern-thumbnail>svg{width:80px;height:80px}.pattern-card strong{font-size:12px}.pattern-card>span{font-size:8px}.composition{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;row-gap:3px}.composition .section-label{grid-column:1 / -1;margin-bottom:11px}.composition .shuffle-button{grid-column:1 / -1;font-size:11px;min-height:39px}.range-field>span{font-size:11px}.range-field output{font-size:10px}.range-field input{height:22px;margin-top:9px}.range-field input::-webkit-slider-thumb{height:12px;width:12px;margin-top:-5px}.range-field input::-moz-range-thumb{height:11px;width:11px}.range-field{margin-bottom:19px}.section-label h3{font-size:12px}.material-label{margin:23px 0 21px}.material-label>span{font-size:9px}.shell-options{gap:15px}.shell-swatch{height:41px;width:41px}.shell-option{font-size:10px;gap:11px}.material-note{padding:14px 16px;margin-top:23px}.material-note>span{font-size:13px}.material-note p{font-size:11px}.segmented>button{padding:12px 5px;font-size:11px}.craft-note{font-size:10px;min-height:0}.optical-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.optical-controls .range-field{margin-bottom:0}.light-section .section-label{margin-bottom:20px}.shape-options>button{font-size:11px;height:40px}.shape-icon{height:13px;width:13px}.shape-icon.oval{height:15px;width:11px}.shape-section .section-label>span{font-size:10px}.footer{height:49px;padding:0 21px}.footer>span:first-child{font-size:9px;letter-spacing:1px}.footer>button{font-size:9px}.focus-view .exhibition{height:calc(100svh - 115px);min-height:565px}.focus-view #viewport{min-height:270px}.focus-view .panel{display:none}dialog{padding:24px 22px;max-width:calc(100vw - 24px)}.modal-header h2{font-size:21px;letter-spacing:2px}.notes-grid{grid-template-columns:1fr;gap:24px}.notes-intro{gap:16px}.notes-intro p{font-size:11px}.notes-emblem .icon{height:33px;width:33px}.craft-guide p{gap:17px;font-size:10px}.export-options{gap:11px}.export-options button{padding:17px 12px}.export-options button>strong{font-size:19px;letter-spacing:0}.export-options button>span{font-size:14px;letter-spacing:1px}.export-options .icon{width:13px;height:13px;top:19px;right:12px}.export-options em{font-size:8px}.collection-grid{gap:12px}.collection-open strong{font-size:13px;letter-spacing:1px}.collection-open span{font-size:8px}#toast{font-size:11px;width:max-content;padding:12px 16px}}.pattern-card{display:flex;flex-direction:column;align-items:stretch}.pattern-thumbnail{flex:none}.pattern-card>span{min-height:20px;line-height:1.4}.range-field>span{font-size:11px}.section-label h3{font-size:12px}.material-note p{font-size:10px;color:#94a28c}.craft-note{font-size:9px;color:#90a183}.segmented>button{font-size:10px}.toolbar-button{font-size:10px}.view-hint{color:#9ca88f}.shape-options>button{font-size:10px}.shuffle-button{font-size:10px}.panel-footnote{color:#84987c}.nav-item{font-size:12px}@media(max-width:620px){.toolbar-button{font-size:9px}.nav-item{font-size:10px}.material-note p{font-size:11px}.craft-note{font-size:10px}.segmented>button{font-size:11px}.shape-options>button{font-size:11px}.shuffle-button{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ib-dialog{width:min(1160px,calc(100vw - 28px));height:min(830px,calc(100svh - 28px));max-width:none;max-height:none;padding:0;border:1px solid #71846a65;border-radius:12px;background:#172019;color:#dce4d2;font-family:inherit;overflow:hidden;box-shadow:0 30px 100px #0009}.ib-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.ib-dialog::backdrop{background:#050b08cb;backdrop-filter:blur(7px)}.ib-dialog button,.ib-dialog input,.ib-dialog select{font:inherit}.ib-dialog button{cursor:pointer}.ib-dialog button:disabled{opacity:.4;cursor:default}.ib-dialog button:focus-visible,.ib-dialog input:focus-visible,.ib-dialog select:focus-visible{outline:2px solid #c7dbad;outline-offset:3px}.ib-header{display:flex;align-items:center;justify-content:space-between;padding:22px 27px 20px;border-bottom:1px solid #a0b18b25}.ib-header span{display:block;font-size:9px;letter-spacing:2.5px;color:#9aac89}.ib-header h2{font-family:var(--serif,serif);font-size:25px;font-weight:400;letter-spacing:2px;margin:8px 0 0}.ib-close{width:35px;height:35px;font-size:27px!important;line-height:1;background:none;border:1px solid #b4c09b36;border-radius:50%;color:#c9d5bb}.ib-body{display:grid;grid-template-columns:minmax(0,1fr) 283px;min-height:0}.ib-workspace{display:flex;flex-direction:column;min-width:0;min-height:0;padding:18px 20px 14px;background:#111a14}.ib-viewbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.ib-view-switch{display:flex;gap:4px}.ib-view-switch button{font-size:11px;padding:7px 9px;color:#8da17d;border:1px solid transparent;border-radius:4px;background:none}.ib-view-switch button[aria-pressed=true]{color:#d1dfbf;border-color:#95ac714d;background:#83a16420}.ib-piece-count{font-size:10px;color:#a5b394;white-space:nowrap}.ib-canvas-wrap{position:relative;min-height:230px;flex:1;border:1px solid #99ad7633;border-radius:6px;overflow:hidden;background:#101713}.ib-canvas{display:block;width:100%;height:100%;touch-action:none}.ib-dropzone{position:absolute;inset:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #9aaa754a;border-radius:6px;text-align:center;background:radial-gradient(ellipse at center,#718a3720,transparent 70%)}.ib-upload-mark{font-size:36px;color:#a9bd8a;font-weight:200}.ib-dropzone h3{font-family:var(--serif,serif);font-weight:400;font-size:21px;letter-spacing:2px;margin:10px 0}.ib-dropzone p{font-size:12px;line-height:1.9;color:#98a98b;margin:0 0 23px}.ib-dialog .primary{border:1px solid #c9d5ad;background:#bfcea1;color:#23321d;padding:11px 18px;border-radius:4px;font-size:12px;letter-spacing:.5px}.ib-dialog .primary:hover:not(:disabled){background:#d1deb7}.ib-dragover .ib-canvas-wrap{border-color:#d4e8a4;box-shadow:inset 0 0 30px #b7d38222}.ib-status{font-size:11px;line-height:1.8;color:#9fb38c;min-height:22px;padding-top:11px}.ib-status.error{color:#e9af9a}.ib-progress{height:2px;overflow:hidden;background:#8ca57525;margin-top:7px}.ib-progress i{display:block;width:8%;height:100%;background:#b3ce91;transition:width .2s ease}.ib-controls{padding:23px 23px 19px;overflow:auto;border-left:1px solid #96a98122;scrollbar-width:thin;scrollbar-color:#7f976550 transparent}.ib-control-intro h3{margin:0 0 10px;font-family:var(--serif,serif);font-weight:400;font-size:17px;color:#cfdbbe}.ib-control-intro p{font-size:11px;color:#92a47e;line-height:1.85;margin:0 0 16px}.ib-change{display:block;width:100%;padding:9px 8px;font-size:11px;background:#9ab47713;color:#aec494;border:1px solid #9aaa6940;border-radius:4px;margin-bottom:21px}.ib-settings{border:0;padding:0;margin:0;min-width:0}.ib-field{display:block;font-size:11px;color:#acbe99;margin:0 0 20px}.ib-field>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.ib-field output{font-size:10px;color:#d1ddbd}.ib-field select,.ib-field input:not([type=range]){display:block;width:100%;box-sizing:border-box;margin-top:9px;border:1px solid #8ca46d40;border-radius:4px;background:#111c13;color:#c5d5b3;padding:9px 8px;font-size:11px}.ib-field input[type=range]{display:block;width:100%;height:5px;accent-color:#b3c98f;cursor:pointer}.ib-field small{font-size:10px;color:#82976d;line-height:1.7;display:block;margin-top:9px}.ib-tool-heading{font-size:11px;color:#acbe99;margin:0 0 10px}.ib-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.ib-tools button{font-size:10px;border:1px solid #8aa26335;border-radius:4px;background:none;color:#8fa777;padding:8px 0}.ib-tools button[aria-pressed=true]{color:#d2dfbd;border-color:#b4c58891;background:#8faa5725}.ib-tool-note{font-size:10px;color:#8ba071;line-height:1.75;margin:10px 0 15px}.ib-brush-field{margin-bottom:15px}.ib-correction-actions{display:flex;gap:12px;justify-content:space-between;margin-bottom:24px}.ib-correction-actions button{padding:0 0 3px;font-size:9px;color:#9bb17d;background:none;border:0;border-bottom:1px solid #9aaa693b}.ib-detail-field{border-top:1px solid #93a77426;padding-top:19px}.ib-warning{font-size:10px;line-height:1.75;color:#d4bb8b;border-left:2px solid #bba47566;padding:0 0 0 9px}.ib-local-note{font-size:9px;line-height:1.85;color:#758967;margin:16px 0 0}.ib-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #a0b18b25;padding:15px 23px}.ib-footer>p{font-size:10px;color:#8fa17b;line-height:1.7;margin:0}.ib-footer>div{display:flex;gap:10px;align-items:center;flex-shrink:0}.ib-cancel{border:0;background:none;color:#9eaf8d;padding:9px 13px;font-size:11px}.ib-create span{margin-left:10px}@media(max-width:780px){.ib-dialog{width:calc(100vw - 16px);height:calc(100svh - 16px);border-radius:8px}.ib-header{padding:15px 17px}.ib-header h2{font-size:21px}.ib-header span{font-size:8px}.ib-body{grid-template-columns:1fr;grid-template-rows:minmax(230px,45%) minmax(0,1fr)}.ib-workspace{padding:11px 12px 8px}.ib-viewbar{margin-bottom:8px}.ib-view-switch button{font-size:10px;padding:5px 7px}.ib-piece-count{font-size:9px}.ib-canvas-wrap{min-height:130px}.ib-status{padding-top:6px;font-size:10px;line-height:1.6;min-height:17px}.ib-controls{border-left:0;border-top:1px solid #96a98122;padding:17px 20px}.ib-control-intro h3{font-size:15px}.ib-control-intro p{font-size:10px;margin-bottom:11px}.ib-change{margin-bottom:17px}.ib-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ib-tools,.ib-tool-note,.ib-tool-heading,.ib-brush-field,.ib-correction-actions,.ib-detail-field{grid-column:1/-1}.ib-tools button{font-size:11px;padding:9px}.ib-correction-actions{margin-bottom:16px}.ib-correction-actions button{font-size:10px}.ib-detail-field{margin-bottom:17px}.ib-field:last-child{grid-column:1/-1}.ib-footer{padding:11px 14px}.ib-footer>p{display:none}.ib-footer>div{width:100%;justify-content:flex-end}.ib-dialog .primary{padding:11px 15px;font-size:11px}.ib-dropzone{inset:10px}.ib-dropzone h3{font-size:17px;margin:5px 0}.ib-dropzone p{font-size:10px;line-height:1.6;margin-bottom:12px}.ib-upload-mark{font-size:24px}.ib-local-note{margin-top:10px}.ib-warning{font-size:10px}}@media(prefers-reduced-motion:reduce){.ib-progress i{transition:none}}.ib-dialog [hidden]{display:none!important}.ib-linework-label{display:block;grid-column:1/-1;margin:0 0 20px;font-size:11px;color:#acbe99}.ib-linework-label>span{display:flex;align-items:center;gap:7px}.ib-linework-label input{accent-color:#b3c98f;margin:0}.ib-linework-label small{display:block;font-size:10px;color:#82976d;line-height:1.7;margin-top:8px}.ib-preview-tools{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:10px}.ib-preview-tools>div{display:flex;align-items:center;gap:5px}.ib-preview-tools button,.ib-resegment{background:#ffffff07;border:1px solid #9aaa693b;color:#b4c69f;border-radius:4px;padding:7px 10px;font-size:11px}.ib-preview-tools output{font-size:10px;color:#91a37e;min-width:35px;text-align:center}.ib-auto-label{display:flex;align-items:center;gap:8px;grid-column:1/-1;font-size:11px;color:#b4c69f;margin-bottom:12px}.ib-resegment{width:100%;margin-bottom:20px;grid-column:1/-1}.ib-correction-actions{flex-wrap:wrap;gap:8px}@media(max-width:780px){.ib-preview-tools{gap:5px;padding-top:6px}.ib-preview-tools button{padding:6px 8px;font-size:10px}.ib-controls{scrollbar-width:auto;scrollbar-color:#a1b58d #293326}.ib-body{grid-template-rows:minmax(245px,49%) minmax(0,1fr)}}@media(orientation:landscape)and (max-width:1100px)and (max-height:600px){.ib-body{grid-template-columns:minmax(0,1fr) 245px;grid-template-rows:minmax(0,1fr)}.ib-canvas-wrap{min-height:80px}.ib-header{padding:10px 16px}.ib-header h2{font-size:17px;margin-top:3px}.ib-header span{display:none}.ib-workspace{padding:8px 10px}.ib-controls{padding:12px 16px;border-top:0;border-left:1px solid #96a98122}.ib-settings{display:block}.ib-footer{padding:8px 16px}.ib-status{font-size:9px}.ib-preview-tools button{padding:5px 7px}}.blueprint-entry{display:grid;gap:7px;margin:-7px 0 20px}.blueprint-entry button{border:1px solid #91b97c48;border-radius:4px;padding:10px;color:#bbd4a9;background:#8ba5750b;text-align:left;font-size:10px}.blueprint-entry button:first-child{font-size:12px;background:#9cad7820;color:#dfebc7;display:flex;justify-content:space-between}.blueprint-panel{padding:14px 0 18px;border-bottom:1px solid var(--line);margin-bottom:21px}.blueprint-panel .section-label{gap:8px}.blueprint-panel h3{max-width:145px;line-height:1.6}.blueprint-help{font-size:10px;color:#8ea27d;line-height:1.8;margin-top:10px}.blueprint-switches{display:flex;gap:12px;margin:13px 0;font-size:9px;color:#a9bb99}.blueprint-switches label{display:flex;gap:4px;align-items:center}.blueprint-switches input,.custom-colors-switch input{accent-color:#a6c28c}.blueprint-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.blueprint-actions button{min-height:31px;font-size:9px;border:1px solid #81936b42;border-radius:3px;color:#b6c8a7}.blueprint-actions #blueprint-place{background:#899f6730;color:#d9e5c8}.blueprint-actions button[aria-pressed=true]{background:#acbd8940}#blueprint-tray{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-height:225px;overflow:auto;padding:2px;scrollbar-width:thin}#blueprint-tray button{border:1px solid #8aa16c28;background:#080f0b;border-radius:3px;min-width:0;padding:4px 3px;color:#acbfa6;font-size:9px}#blueprint-tray svg{display:block;width:100%;height:30px}#blueprint-tray path{fill:#b7c6bc;stroke:#c0dcc8;stroke-width:.3}#blueprint-tray button.placed{opacity:.4}#blueprint-tray button.current{border-color:#bad496;box-shadow:0 0 0 1px #bad4964d}#blueprint-tray button.current path{fill:#d2dcc8}.color-composer{margin-top:23px;padding-top:20px}.color-composer .section-label{margin-bottom:15px}.color-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.color-style-grid button{padding:8px 6px;border:1px solid #82936a35;border-radius:4px;text-align:left;color:#9fb392;font-size:9px}.color-style-grid button[aria-pressed=true]{border-color:#b3c692b0;background:#7a93571a;color:#d8e4c7}.color-style-swatches{display:flex;margin-bottom:7px;border-radius:2px;overflow:hidden;height:7px;opacity:.84}.color-style-swatches i{flex:1}.custom-colors-switch{display:flex;align-items:center;gap:6px;font-size:10px;color:#bfcea9;margin:18px 0 12px}.color-layer{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:8px;margin-bottom:11px}.color-layer>label:first-child{display:flex;align-items:center;gap:7px;font-size:9px;color:#9caa93}.color-layer input[type=color]{width:23px;height:23px;appearance:none;border:1px solid #879a6b55;border-radius:50%;background:none;overflow:hidden;padding:2px;cursor:pointer}.color-layer input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-layer input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.layer-weight{display:flex;align-items:center;gap:6px}.layer-weight input{width:100%;min-width:24px;accent-color:#9aad82;height:12px}.layer-weight output{font-size:8px;color:#91a181;min-width:27px;text-align:right}.color-help{font-size:9px;line-height:1.8;color:#798a6e;margin-top:13px}.color-follow{font-size:9px;color:#adc997;border-bottom:1px solid #71855566;padding:5px 0;margin-top:6px}@media(max-width:620px){.blueprint-entry{grid-template-columns:1fr 1fr;gap:9px;margin:0 0 22px}.blueprint-entry button,.blueprint-entry button:first-child{font-size:11px;padding:12px 10px}.color-style-grid{grid-template-columns:repeat(4,1fr)}.color-style-grid button{font-size:10px;min-height:49px}.custom-colors-switch{font-size:12px;margin:20px 0 17px}.color-layer{grid-template-columns:120px 1fr;margin-bottom:15px;gap:20px}.color-layer>label:first-child{font-size:11px}.color-layer input[type=color]{width:29px;height:29px}.layer-weight output{font-size:10px;min-width:34px}.color-help{font-size:10px}.blueprint-help{font-size:11px}.blueprint-panel h3{max-width:none}.blueprint-switches{font-size:11px;gap:20px}.blueprint-actions button{font-size:11px;min-height:36px}#blueprint-tray{grid-template-columns:repeat(7,1fr);max-height:206px}#blueprint-tray button{font-size:10px}}.piece-live-preview{display:flex;gap:13px;align-items:center;margin:0 0 17px;padding:10px;border:1px solid #8eaa6e26;border-radius:4px;background:#0b130d}.piece-live-preview>div{flex:0 0 48px;width:48px;height:48px;color:#b9d1c8;transition:transform .08s linear}.piece-live-preview svg{width:100%;height:100%}.piece-live-preview p{font-size:9px;line-height:1.75;color:#8ca07e}.diy-visible-history{display:flex;gap:8px;margin:15px 0}.diy-visible-history button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:9px 5px;border:1px solid #91ab7d44;border-radius:4px;color:#c2d4ad;font-size:10px}.diy-visible-history .icon{width:13px;height:13px}.shape-options{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-options>button{justify-content:flex-start;padding-left:10px}.shape-options svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}.diy-shape-grid{max-height:280px;overflow-y:auto;scrollbar-width:thin;padding:1px}.optical-controls .range-field:last-child{grid-column:auto}@media(max-width:620px){.shape-options{grid-template-columns:repeat(3,minmax(0,1fr))}.piece-live-preview p{font-size:11px}.piece-live-preview>div{flex-basis:58px;height:58px;width:58px}.diy-visible-history button{font-size:12px;min-height:38px}.diy-shape-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:280px}.diy-shape-grid button{font-size:10px}}.border-composer{margin-top:22px;padding-top:18px}.border-composer .section-label{margin-bottom:12px}.border-composer>select{width:100%;padding:9px;border-radius:4px;background:#182318;border:1px solid #7a976244;color:#c4d5b4;font:inherit;font-size:11px}.border-width-label{display:flex;align-items:center;gap:9px;font-size:9px;color:#92a181;margin-top:15px}.border-width-label>span{white-space:nowrap}.border-width-label input{width:100%;min-width:35px;accent-color:#9aac82}.border-width-label output{min-width:30px;text-align:right}.pattern-filters{display:flex;gap:5px;margin:0 0 15px}.pattern-filters button{flex:1;padding:7px 3px;font-size:10px;border:1px solid #879c7835;border-radius:4px;color:#91a386}.pattern-filters button[aria-pressed=true]{border-color:#a9be8d88;background:#81975b20;color:#d1dfbb}@media(min-width:961px){.exhibition{position:sticky;top:0;height:calc(100svh - 88px);max-height:1020px;min-height:640px;align-self:start}.exhibition #viewport{min-height:320px;max-height:none;flex:1}}@media(max-width:620px){.pattern-filters button{min-height:37px;font-size:12px}}.pattern-choice{min-width:0;display:flex;flex-direction:column}.pattern-choice .pattern-card{width:100%;flex:1}.pattern-play{border:1px solid #81937444;background:transparent;color:inherit;border-radius:5px;min-height:32px;padding:5px 8px;text-align:left;font-size:10px;margin-top:7px}.pattern-play span{float:right}.pattern-play:hover{background:#81937422}.pattern-choice[hidden]{display:none}.vessel-material-label{display:flex;flex-direction:column;gap:9px;font-size:11px;margin:0 0 17px;color:inherit}.vessel-material-label select{width:100%;min-height:38px;border:1px solid #81937455;background:transparent;color:inherit;border-radius:5px;padding:8px}.vessel-material-label option{color:#243d32;background:#f6f6ee}.mobile-studio .pattern-play{min-height:36px}.blueprint-help{line-height:1.8}html[data-theme=dark]{--pattern-paper:#19231b}.pattern-add-help{font-size:10px;line-height:1.8;opacity:.75;margin:0 0 13px}.pattern-card-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:4px;margin-top:7px}.pattern-card-actions button{margin:0;min-height:32px;padding:4px 2px;text-align:center;font-size:9px;border:1px solid #81937444;border-radius:4px;color:inherit}.pattern-add{background:#8193741a}.pattern-layer-panel{border:1px solid #81937444;border-radius:6px;padding:10px;margin-bottom:16px;font-size:10px}.pattern-layer-panel[hidden]{display:none}.pattern-layer-panel summary{cursor:pointer;font-size:12px}.pattern-layer-panel summary span{float:right;font-size:10px;opacity:.7}.pattern-layer-panel label{display:block;margin:12px 0 8px}.pattern-layer-panel select{display:block;width:100%;min-height:34px;background:transparent;color:inherit;border:1px solid #81937455;border-radius:4px;margin-top:6px;padding:5px}.pattern-layer-panel option{background:#f6f6ee;color:#243d32}.pattern-layer-panel p{line-height:1.8;opacity:.72;margin:9px 0}.pattern-layer-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.pattern-layer-panel button{border:1px solid #81937444;border-radius:4px;min-height:32px;font-size:10px}.pattern-layer-panel button:hover{background:#81937422}.pattern-layer-footer{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.mobile-studio .pattern-layer-panel button,.mobile-studio .pattern-card-actions button{min-height:38px}.mobile-studio .pattern-layer-panel select{min-height:40px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.creation-modes{display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid #889c7938;background:#0b120d;padding:3px;border-radius:6px;margin:0 0 22px}.creation-modes button{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:3px;padding:9px 3px;font-size:11px;color:#8a9e7d;white-space:nowrap}.creation-modes button .icon{width:13px;height:13px}.creation-modes button[aria-pressed=true]{background:#35452e80;color:#d4e5c3}.diy-intro h3{font-family:var(--serif);font-weight:400;font-size:13px;letter-spacing:.5px;margin:2px 0 9px;color:#c6d9b5}.diy-intro p{font-size:10px;line-height:1.85;color:#8ea27d}.diy-start-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}.diy-start-actions .button{padding:0 6px;min-height:34px;font-size:10px;letter-spacing:0}.diy-start-actions #blank-design{color:#c8dfb1;border-color:#94b2786b;background:#87ac6920}.diy-start-actions #diy-example{grid-column:1/-1;justify-content:space-between;color:#a8c592;border-color:#849e632e;font-size:10px}.diy-start-actions #diy-example .icon{width:13px;height:13px}.diy-tool-switch{display:flex;gap:7px;margin:4px 0 13px}.diy-tool-switch button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 3px;border:1px solid #8ca37130;border-radius:4px;font-size:10px;color:#80996c}.diy-tool-switch button .icon{width:13px;height:13px}.diy-tool-switch button[aria-pressed=true]{border-color:#adc79385;color:#d1e5bd;background:#73905620}.diy-shape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.diy-shape-grid button{display:flex;align-items:center;flex-direction:column;gap:6px;padding:9px 2px 7px;border:1px solid #91a87924;border-radius:4px;background:radial-gradient(ellipse at 40% 25%,#748b3c13,#0e160f);color:#94b37e;font-size:9px}.diy-shape-grid button>svg{height:29px;width:29px;max-width:100%;opacity:.88}.diy-shape-grid button[aria-pressed=true]{color:#d3e2bf;border-color:#abc78d9e;background:#708d4a28}.diy-shape-grid button:hover{border-color:#b6c9989c;color:#e6efd6}.diy-piece-inspector{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.diy-piece-inspector .section-label{margin-bottom:17px}.diy-select-label{display:block;color:#9aaf86;font-size:10px}.diy-select-label select{display:block;width:100%;margin-top:9px;padding:9px 8px;background:#182318;border:1px solid #7a976234;color:#c3d7af;border-radius:4px;font:inherit}.piece-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.piece-actions button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;font-size:9px;border:1px solid #84996934;border-radius:4px;color:#a9bf92}.piece-actions .icon{width:12px;height:12px}.piece-actions button:hover:not(:disabled){background:#71904c20;border-color:#a4be77a1}.diy-piece-list-wrap{margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}#diy-piece-list{max-height:178px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#657e4755 transparent}#diy-piece-list button{width:100%;display:flex;align-items:center;gap:8px;padding:9px 6px;border-radius:4px;margin-bottom:3px;text-align:left;font-size:10px;color:#acbf95}#diy-piece-list button[aria-pressed=true]{background:#91b6641e;box-shadow:inset 2px 0 #bdd393}#diy-piece-list button:hover{background:#88a96712}#diy-piece-list button>span:last-child{font-size:9px;color:#849b6d;margin-left:auto}#diy-piece-list small{font-size:8px;color:#78945d;margin-left:4px}.shell-dot{height:12px;width:12px;border-radius:50%;flex:none;border:1px solid #ffffff25}.diy-empty{font-family:var(--serif);font-size:11px;line-height:1.9;color:#79925f;text-align:center;padding:9px 0 16px}.design-name-label{font-size:10px;color:#95ad7e;display:block;margin-top:19px}.design-name-label input{display:block;width:100%;margin-top:9px;font:inherit;color:#cbdeb5;background:#121e12;border:1px solid #879e6338;border-radius:4px;padding:10px}.design-name-label input::placeholder{color:#677e50}.design-file-actions{display:flex;gap:12px;justify-content:space-between;margin-top:15px}.design-file-actions button{display:flex;align-items:center;gap:6px;font-size:10px;padding:6px 0;color:#93ad76}.design-file-actions .icon{height:12px;width:12px}.editor-dock{position:relative;z-index:3;display:flex;align-items:center;gap:6px;padding:7px 9px;max-width:calc(100% - 24px);border:1px solid #a4c5874d;border-radius:6px;background:#1c2c18ed;box-shadow:0 5px 25px #0003;margin:0 0 10px}.editor-dock button{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;color:#b3ce92;border-radius:4px;font-size:10px;min-height:30px;padding:5px 7px}.editor-dock button .icon{height:14px;width:14px}.editor-dock button[aria-pressed=true]{background:#bfd19b20;color:#e0efcc}.editor-dock select{color:#d3e5bc;background:#263b21;border:1px solid #89a76744;max-width:77px;padding:7px 4px;border-radius:4px;font:inherit;font-size:11px}.editor-dock #finish-edit{background:#c1d5a4;color:#25351d;margin-left:4px}.is-editing #edit-work,.is-editing #auto-rotate,.is-editing .art-signature{display:none}.is-editing .art-heading h1{font-size:29px}.is-editing .art-heading{padding-top:0}.is-editing .art-heading .eyebrow{font-size:6px;letter-spacing:2px}.is-editing .view-hint{color:#aec58f}.is-editing .exhibition{position:sticky;top:0;height:calc(100svh - 88px);max-height:1020px;align-self:start;min-height:600px}.is-editing #viewport{min-height:290px;height:360px}.is-editing .art-caption{padding-top:15px;padding-bottom:17px;font-size:8px}.viewer-toolbar{max-width:calc(100% - 28px);flex-wrap:wrap}.viewer-toolbar #edit-work{color:#d1e3bd;background:#8da96322}.is-editing .panel-title h2{font-size:20px}@media(min-width:1550px){.diy-shape-grid button{padding:11px 2px 10px;font-size:10px}.diy-shape-grid button>svg{height:34px;width:34px}.diy-intro p{font-size:11px}.is-editing .art-heading h1{font-size:35px}}@media(max-width:1180px){.creation-modes button{font-size:10px;gap:4px}.diy-shape-grid{gap:5px}.diy-shape-grid button{font-size:8px}.diy-shape-grid button>svg{height:25px;width:25px}.diy-start-actions .button,.diy-tool-switch button{font-size:9px}.editor-dock{gap:3px;padding:6px}.editor-dock button{padding:5px}.editor-dock select{max-width:65px}.is-editing .exhibition{min-height:600px}}@media(max-width:960px){.is-editing .exhibition{height:calc(100svh - 76px);max-height:100svh}.diy-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.creation-modes{margin-bottom:18px}.creation-modes button .icon{display:none}.piece-actions{gap:4px}.piece-actions button{font-size:8px}.piece-actions .icon{height:10px;width:10px}.diy-intro h3{font-size:11px}.is-editing .art-caption>span:last-child{display:none}}@media(max-width:620px){.creation-modes{margin-bottom:23px}.creation-modes button{font-size:12px;padding:11px 5px}.creation-modes button .icon{display:block}.is-editing .exhibition{position:sticky;top:0;height:62svh;min-height:400px;max-height:550px;z-index:5;box-shadow:0 12px 24px #0006}.is-editing .exhibition-top{padding:8px 17px}.is-editing .art-heading{padding:0}.is-editing .art-heading h1{font-size:19px;letter-spacing:5px;margin:0;line-height:1.4}.is-editing .art-heading .eyebrow,.is-editing .art-heading p{display:none}.is-editing #viewport{min-height:200px;height:240px;margin-top:0}.is-editing .view-hint{font-size:9px;margin:0 0 8px;letter-spacing:0}.is-editing .viewer-toolbar{padding:3px 7px;gap:4px;margin-bottom:7px}.is-editing .viewer-toolbar .toolbar-button{padding:5px;font-size:9px}.is-editing .art-caption{display:none}.is-editing .pattern-panel{scroll-margin-top:63svh}.is-editing .panel-title,.is-editing .panel-intro,.is-editing .pattern-panel>.panel-footnote{display:none}.is-editing .pattern-panel{padding:19px 22px 27px}.is-editing .creation-modes{margin-bottom:17px}.diy-intro h3{font-size:15px}.diy-intro p{font-size:11px}.diy-start-actions .button{font-size:11px;min-height:38px}.diy-tool-switch button{font-size:11px;padding:10px 5px}.diy-tool-switch button .icon{width:15px;height:15px}.diy-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.diy-shape-grid button{font-size:11px;padding:12px 4px 10px}.diy-shape-grid button>svg{height:35px;width:35px}.diy-piece-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.diy-piece-inspector .section-label,.diy-piece-inspector .diy-select-label,.piece-actions{grid-column:1/-1}.diy-select-label{font-size:11px}.diy-select-label select{font-size:12px;padding:11px}.piece-actions button{font-size:11px;min-height:37px}.piece-actions .icon{height:14px;width:14px}.design-name-label{font-size:11px}.design-name-label input{font-size:12px;padding:12px}.design-file-actions button{font-size:11px;padding:9px 0}#diy-piece-list{max-height:172px}#diy-piece-list button{font-size:12px;padding:11px 8px}#diy-piece-list button>span:last-child{font-size:10px}.editor-dock{padding:5px 6px;gap:3px;margin-bottom:5px;max-width:calc(100% - 18px)}.editor-dock button{font-size:10px;padding:4px 5px;min-height:28px;gap:4px}.editor-dock button .icon{width:12px;height:12px}.editor-dock select{font-size:10px;max-width:62px;padding:6px 2px}.editor-dock #finish-edit{margin-left:0}.viewer-toolbar #edit-work{flex-basis:100%;justify-content:center;padding:8px;margin-bottom:3px}}@media(max-width:360px){.editor-dock{gap:1px;padding:4px}.editor-dock button{font-size:9px;padding:4px}.editor-dock #finish-edit .icon{display:none}.editor-dock select{max-width:57px}.is-editing .exhibition{min-height:390px}.diy-shape-grid{gap:7px}}@media(max-width:620px){.optical-controls .range-field:last-child{grid-column:1 / -1}}.diy-tool-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-dock{flex-wrap:wrap;justify-content:center}.mobile-tabs,.mobile-deck,.mobile-extra-panel,.mobile-scroll-rail,.mobile-welcome{display:none}.mobile-studio{background:#0b120f;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;scroll-behavior:auto}.mobile-studio body{height:auto;overflow:visible;min-width:0}.mobile-studio #app{max-width:600px;margin:auto;padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:visible}.mobile-studio .header{height:62px;min-height:62px;padding:8px 13px;gap:10px;flex-wrap:nowrap;border-bottom:1px solid #283327}.mobile-studio .brand{margin:0 auto 0 0;gap:7px}.mobile-studio .brand-mark .icon{width:26px;height:29px}.mobile-studio .brand-name{font-size:24px;letter-spacing:3px}.mobile-studio .brand-name>span{font-size:6px;letter-spacing:2px}.mobile-studio .brand-divider,.mobile-studio .brand-tagline,.mobile-studio #studio-nav,.mobile-studio #notes-nav{display:none}.mobile-studio .navigation{order:0;display:block;width:auto;height:auto;margin:0;align-self:auto}.mobile-studio #collection-nav{font-size:11px;padding:9px 0;white-space:nowrap;min-height:40px}.mobile-studio #collection-count{display:none}.mobile-studio .header-actions{gap:5px}.mobile-studio .header-actions .button{min-height:38px;font-size:10px;padding:6px 9px;gap:3px}.mobile-studio .header-actions .button .icon{display:none}.mobile-studio .workspace{display:flex;flex-direction:column;min-height:0;overflow:visible;max-width:none;gap:0}.mobile-studio .workspace>.material-panel{display:none}.mobile-studio .workspace .exhibition{order:0;position:relative;top:auto;width:100%;height:clamp(330px,44dvh,420px);min-height:0;max-height:none;align-self:stretch;border:0;border-bottom:1px solid #2c3729}.mobile-studio .exhibition-top{padding:8px 12px 0;min-height:34px}.mobile-studio .exhibit-label{font-size:9px}.mobile-studio .exhibit-edition{font-size:7px;letter-spacing:1px}.mobile-studio #fullscreen{width:36px;height:34px}.mobile-studio .art-heading{padding:0;pointer-events:none}.mobile-studio .art-heading .eyebrow,.mobile-studio .art-heading p,.mobile-studio .art-signature{display:none}.mobile-studio .art-heading h1{font-size:23px;letter-spacing:5px;margin:3px 0 0}.mobile-studio .workspace .exhibition #viewport{height:auto;min-height:0;flex:1;margin:0;overflow:hidden}.mobile-studio .view-hint{font-size:9px;line-height:1.4;margin:0 0 6px;letter-spacing:0}.mobile-studio .viewer-toolbar{position:relative;gap:2px;margin:0 auto 9px;max-width:calc(100% - 14px);padding:3px 5px;flex-wrap:nowrap;flex-shrink:0}.mobile-studio .toolbar-button{min-height:34px;padding:5px 6px;gap:3px;font-size:9px;white-space:nowrap}.mobile-studio .toolbar-button .icon{width:13px;height:13px}.mobile-studio .viewer-toolbar .icon-button{width:29px;height:34px}.mobile-studio .tool-divider{margin:0 1px}.mobile-studio .zoom-label,.mobile-studio .art-caption{display:none}.mobile-studio .editor-dock{position:relative;left:auto;right:auto;bottom:auto;transform:none;gap:3px;margin:0 8px 8px;width:auto;max-width:none;padding:4px;flex-shrink:0}.mobile-studio .editor-dock button{min-height:34px;font-size:10px;padding:5px 7px}.mobile-studio #quick-shape{width:74px;max-width:100%;min-height:34px;font-size:10px}.mobile-studio .quick-shape-label{min-width:0;flex:1}.mobile-studio .is-editing .viewer-toolbar{display:none}.mobile-studio .mobile-tabs{display:block;position:sticky;top:env(safe-area-inset-top,0px);z-index:15;background:#121b15;order:1;border-bottom:1px solid #344432}.mobile-tab-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:7px 9px 0}.mobile-tab-row button{position:relative;color:#94a48e;font-size:13px;min-height:43px;border:0;border-radius:7px 7px 0 0;background:transparent;letter-spacing:1px}.mobile-tab-row button[aria-selected=true]{color:#ddedd0;background:#253324}.mobile-tab-row button[aria-selected=true]:after{content:"";position:absolute;bottom:0;left:34%;right:34%;height:2px;background:#bfd5aa}.mobile-panel-caption{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#c1ceb5;font-size:11px;letter-spacing:.5px}.mobile-panel-caption>div{display:flex;gap:8px}.mobile-panel-caption button{border:0;background:none;color:#a6b39a;min-height:36px;font-size:10px;padding:0 4px}.mobile-studio .mobile-deck{display:block;position:relative;order:2;height:max(440px,calc(100dvh - 100px));overflow:visible;overflow-anchor:none;background:#141c15}.mobile-studio .mobile-scroll-panel{display:none;position:relative;order:0;padding:16px 20px 32px 14px;border:0;width:100%;height:var(--mobile-pane-height,40dvh);max-height:100%;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none;overflow-anchor:none;scroll-padding:12px}.mobile-studio .mobile-scroll-panel::-webkit-scrollbar{display:none}.mobile-studio .mobile-scroll-panel.mobile-panel-active{display:block}.mobile-studio .panel-title,.mobile-studio .panel-intro,.mobile-studio .creation-modes,.mobile-studio .panel-footnote,.mobile-studio .diy-intro{display:none}.mobile-studio .blueprint-entry{margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-studio .blueprint-entry button{font-size:10px;min-height:42px;padding:8px;line-height:1.5}.mobile-studio .pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.mobile-studio .pattern-thumbnail{height:90px}.mobile-studio .pattern-thumbnail>svg{width:78px;height:78px}.mobile-studio .pattern-card strong{font-size:12px}.mobile-studio .pattern-card>span{font-size:8px;line-height:1.6}.mobile-studio .pattern-filters{margin-bottom:13px}.mobile-studio .pattern-filters button{min-height:36px;font-size:11px}.mobile-studio .composition{display:block}.mobile-studio .subsection{margin-top:22px;padding-top:20px}.mobile-studio .mobile-scroll-panel>.subsection:first-child{margin-top:0;padding-top:0;border-top:0}.mobile-studio .section-label h3{font-size:13px}.mobile-studio .range-field>span{font-size:12px}.mobile-studio .range-field output{font-size:11px}.mobile-studio .range-field{margin-bottom:20px}.mobile-studio input[type=range]{min-height:28px;touch-action:pan-x}.mobile-studio input[type=range]::-webkit-slider-thumb{width:19px;height:19px;margin-top:-8px}.mobile-studio input[type=range]::-moz-range-thumb{width:19px;height:19px}.mobile-studio .shape-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mobile-studio .shape-options>button{height:64px;flex-direction:column;gap:5px;font-size:11px}.mobile-studio .shape-options svg{width:29px;height:29px}.mobile-studio .diy-shape-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;overflow:visible;gap:8px}.mobile-studio .diy-shape-grid button{min-height:62px;font-size:10px}.mobile-studio #blueprint-tray{grid-template-columns:repeat(6,minmax(0,1fr));max-height:none;overflow:visible}.mobile-studio .blueprint-actions{position:sticky;bottom:-32px;padding:10px 0;background:#141e16;z-index:3}.mobile-studio .blueprint-actions button{min-height:40px;font-size:11px}.mobile-studio .blueprint-actions button:first-child{background:#b8cfa3;color:#14220e;font-weight:600}.mobile-studio .diy-visible-history button,.mobile-studio .diy-start-actions button,.mobile-studio .diy-tool-switch button,.mobile-studio .piece-actions button,.mobile-studio .design-file-actions button{min-height:40px;font-size:11px}.mobile-studio .diy-piece-list-wrap #diy-piece-list{max-height:none;overflow:visible}.mobile-studio .material-label{margin:0 0 14px}.mobile-studio .shell-options{gap:9px}.mobile-studio .shell-swatch{width:39px;height:39px}.mobile-studio .shell-option{font-size:10px;gap:7px}.mobile-studio .material-note{margin-top:18px;padding:13px}.mobile-studio .material-note p{font-size:11px;line-height:1.8}.mobile-studio .color-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mobile-studio .color-style-grid button{min-height:59px;font-size:11px}.mobile-studio .color-style-swatches i{height:17px}.mobile-studio .color-layer{min-height:54px}.mobile-studio .color-layer input[type=color]{width:35px;height:35px}.mobile-studio .color-layer label{font-size:11px}.mobile-studio .optical-controls{display:block;margin-top:20px}.mobile-studio .craft-note{font-size:11px;line-height:1.7}.mobile-studio .segmented button{min-height:43px;font-size:12px}.mobile-studio .footer{max-width:600px;margin:auto;padding:0 14px;height:50px}.mobile-studio .footer>span:nth-child(2){display:none}.mobile-studio .footer>span{font-size:10px}.mobile-studio #reset-all{font-size:10px;min-height:40px}.mobile-studio .mobile-welcome{display:block;order:1;background:#1e2b1e;border:0;border-bottom:1px solid #37432d;color:#c0d0af;font-size:10px;min-height:36px;width:100%;letter-spacing:.5px}.mobile-studio .mobile-scroll-rail{display:block;position:absolute;width:10px;background:#283528;border-radius:6px;touch-action:none;z-index:18;cursor:ns-resize}.mobile-scroll-rail i{display:block;width:4px;margin:0 3px;background:#9eaf8c;border-radius:4px;min-height:26px;pointer-events:auto}.mobile-studio .mobile-page-rail{position:fixed;top:max(65px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));right:max(0px,calc((100vw - 600px)/2));background:#1b251c}.mobile-studio .mobile-editor-rail{right:2px;top:0;max-height:100%;width:8px;background:#293529}.mobile-editor-rail i{margin:0 2px}.mobile-scroll-rail.no-overflow{visibility:hidden}.mobile-scroll-rail:focus-visible{outline:2px solid #d0ddbd;outline-offset:1px}.mobile-help-dialog{width:430px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);padding:24px;background:#172018;color:#dce5d1;border:1px solid #45583c;border-radius:14px;overflow:auto}.mobile-help-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#9aad8b}.mobile-help-head button{background:none;border:0;color:#ccdac0;font-size:25px;width:40px;height:36px}.mobile-help-dialog h2{font-size:21px;font-weight:400;margin:12px 0 25px;letter-spacing:1px}.mobile-help-dialog ol{padding-left:23px}.mobile-help-dialog li{padding-left:5px;margin-bottom:20px;font-size:13px;color:#cbdcb9}.mobile-help-dialog li p{font-size:12px;line-height:1.9;color:#9caf94;margin:7px 0}.mobile-scroll-tip{font-size:11px;line-height:1.9;background:#222e20;padding:13px;border-radius:6px;color:#b5c5a9}.mobile-help-start{width:100%;margin-top:22px;background:#bbd2a4;color:#182710;min-height:43px;border:0;border-radius:6px;font-size:12px}.mobile-studio dialog{max-height:calc(100dvh - 28px);overflow:auto}.mobile-studio .ib-dialog{max-width:calc(100vw - 16px);padding:16px 12px}.mobile-studio.mobile-focus{overflow:hidden}.mobile-focus .header,.mobile-focus .mobile-tabs,.mobile-focus .mobile-deck,.mobile-focus .footer,.mobile-focus .mobile-welcome,.mobile-focus .mobile-scroll-rail{display:none!important}.mobile-studio.mobile-focus .workspace .exhibition{position:fixed;inset:0;height:100dvh;max-height:none;width:100%;z-index:30;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.mobile-focus .exhibition-top{padding-top:56px}.mobile-focus .workspace .exhibition #viewport{min-height:0}.mobile-focus .viewer-toolbar{margin-bottom:20px}@media(max-width:360px){.mobile-studio .header{padding:6px 9px;gap:7px}.mobile-studio .brand-mark{display:none}.mobile-studio .header-actions .button{padding:6px}.mobile-studio .viewer-toolbar .toolbar-button{padding:5px 3px}.mobile-studio .viewer-toolbar .toolbar-button .icon{display:none}.mobile-studio .pattern-thumbnail{height:75px}.mobile-studio .pattern-thumbnail>svg{width:65px;height:65px}.mobile-studio .diy-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-height:600px)and (orientation:landscape){.mobile-studio .workspace .exhibition{height:360px}.mobile-studio #app{max-width:800px}.mobile-studio .mobile-page-rail{right:0}.mobile-studio .mobile-deck{height:480px}.mobile-studio .pattern-grid,.mobile-studio .shape-options{grid-template-columns:repeat(5,minmax(0,1fr))}}.mobile-studio .header-actions .button.quiet span{display:inline}.mobile-studio .header-actions .button.quiet{width:auto;min-width:40px}.mobile-studio .viewer-toolbar>button{flex-shrink:0}.mobile-studio .viewer-toolbar #edit-work{flex:0 0 auto;margin-bottom:0;padding:5px 6px}.mobile-studio .art-heading h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 36px);margin-left:auto;margin-right:auto;text-indent:0}@media(max-width:360px){.mobile-studio .viewer-toolbar #edit-work{padding:5px 3px}}.mobile-studio .art-heading{width:100%}html[data-platform=xhs-tool]{--host-top:max(92px, calc(env(safe-area-inset-top,0px) + 60px) )}html[data-platform=xhs-tool].mobile-studio #app{padding-top:var(--host-top)}html[data-platform=xhs-tool].mobile-studio:before{content:"";position:fixed;inset:0 0 auto;height:var(--host-top);background:#101715;z-index:80;pointer-events:none}html[data-platform=xhs-tool].mobile-studio .mobile-tabs{top:var(--host-top)}html[data-platform=xhs-tool].mobile-studio .mobile-page-rail{top:calc(var(--host-top) + 8px)}html[data-platform=xhs-tool].mobile-studio.mobile-focus .workspace .exhibition{top:var(--host-top);height:calc(100dvh - var(--host-top));padding-top:0}html[data-platform=xhs-tool].mobile-studio.mobile-focus .exhibition-top{padding-top:8px}html[data-platform=xhs-tool].mobile-studio dialog{top:calc(var(--host-top) + 8px);bottom:auto;margin:0 auto;max-height:calc(100dvh - var(--host-top) - 20px)}.mobile-studio .mobile-panel-caption>div{gap:5px}.mobile-studio .mobile-panel-caption button{font-size:10px}.mobile-studio.mobile-landscape{overflow-y:auto}.mobile-studio.mobile-landscape #app{max-width:none;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.mobile-studio.mobile-landscape .header{height:49px;min-height:49px;padding:5px 10px}.mobile-landscape .header .brand-name{font-size:22px}.mobile-studio.mobile-landscape .workspace{display:grid;grid-template-columns:clamp(145px,23vw,210px) minmax(0,1fr) clamp(160px,25vw,230px);grid-template-rows:72px max(260px,calc(100dvh - var(--host-top,0px) - 135px));align-items:stretch}.mobile-studio.mobile-landscape .mobile-tabs{position:relative;top:auto;grid-column:1/-1;grid-row:1;order:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:36px 36px}.mobile-landscape .mobile-tab-row{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr 1fr .7fr 1fr 1fr 1fr;padding:0;gap:5px}.mobile-landscape #tab-vessel{grid-column:4}.mobile-landscape .mobile-tab-row button{min-height:36px;font-size:11px}.mobile-landscape .mobile-tab-row button.side-selected{background:#243224;color:#d9e8c9}.mobile-landscape .mobile-panel-caption{grid-column:1/-1;grid-row:2;height:36px}.mobile-landscape #mobile-panel-title:after{content:" · 左侧花样与拼镶，右侧调节器物与光";font-size:10px;color:#86987b}.mobile-studio.mobile-landscape .workspace .exhibition{grid-column:2;grid-row:2;order:0;height:100%;min-height:0;position:relative;border-left:1px solid #2b3727;border-right:1px solid #2b3727}.mobile-landscape .exhibition-top{padding:3px 7px 0;min-height:30px}.mobile-landscape .exhibit-edition{display:none}.mobile-landscape .art-heading h1{font-size:19px;line-height:1.4;letter-spacing:3px}.mobile-studio.mobile-landscape .mobile-deck{display:contents}.mobile-studio.mobile-landscape .mobile-scroll-panel{grid-row:2;grid-column:3;height:100%;max-height:none;min-height:0;padding:12px 10px 22px;scrollbar-width:thin;scrollbar-color:#a4b98f #243021;overflow-y:auto}.mobile-studio.mobile-landscape .mobile-scroll-panel::-webkit-scrollbar{display:block;width:5px}.mobile-studio.mobile-landscape .mobile-scroll-panel::-webkit-scrollbar-thumb{background:#a4b98f;border-radius:4px}.mobile-studio.mobile-landscape #mobile-pattern{grid-column:1;display:block!important}.mobile-studio.mobile-landscape .mobile-scroll-panel:not(#mobile-pattern){display:none}.mobile-studio.mobile-landscape .mobile-scroll-panel.mobile-side-active{display:block}.mobile-studio.mobile-landscape .mobile-editor-rail,.mobile-studio.mobile-landscape .mobile-welcome{display:none}.mobile-studio.mobile-landscape .mobile-page-rail{right:0}.mobile-studio.mobile-landscape .pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 7px}.mobile-landscape .pattern-thumbnail{height:65px}.mobile-landscape .pattern-thumbnail>svg{width:56px;height:56px}.mobile-landscape .pattern-card strong{font-size:10px}.mobile-landscape .pattern-card>span{font-size:7px}.mobile-studio.mobile-landscape .blueprint-entry{grid-template-columns:1fr;gap:6px}.mobile-landscape .blueprint-entry button{min-height:36px}.mobile-studio.mobile-landscape .blueprint-actions{position:static;grid-template-columns:repeat(2,minmax(0,1fr));bottom:auto}.mobile-studio.mobile-landscape .shape-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-studio.mobile-landscape .shape-options>button{font-size:10px;height:57px}.mobile-studio.mobile-landscape .shell-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 5px}.mobile-landscape .shell-swatch{height:31px;width:31px}.mobile-landscape .shell-option{font-size:9px}.mobile-studio.mobile-landscape .diy-shape-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mobile-landscape .diy-shape-grid button{min-height:53px;font-size:9px}.mobile-landscape #blueprint-tray{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-landscape .viewer-toolbar{gap:1px;padding:2px;max-width:calc(100% - 8px);flex-wrap:wrap;margin-bottom:6px}.mobile-landscape .toolbar-button{font-size:8px;min-height:28px;padding:3px}.mobile-landscape .toolbar-button .icon{display:none}.mobile-landscape .viewer-toolbar .icon-button{width:23px;height:28px}.mobile-landscape .tool-divider{display:none}.mobile-landscape .view-hint{font-size:8px;max-width:95%}.mobile-landscape .editor-dock{flex-wrap:wrap;justify-content:center;padding:2px;margin:0 4px 5px}.mobile-landscape .editor-dock button{font-size:9px;min-height:29px;padding:3px}.mobile-landscape #quick-shape{width:63px;min-height:29px;font-size:9px}.mobile-landscape .editor-dock .quick-shape-label{flex:0 1 65px}.mobile-studio.mobile-landscape .footer{max-width:none;height:35px;font-size:9px}.mobile-landscape .color-layer{flex-wrap:wrap;gap:6px;padding:9px 0}.mobile-landscape .color-layer .layer-weight{width:100%}.mobile-landscape .color-style-grid button{min-height:54px;padding:7px;font-size:10px}.mobile-studio.mobile-landscape.mobile-focus .workspace{display:block}.mobile-studio.mobile-landscape.mobile-focus .workspace .exhibition{position:fixed;width:100%;height:100dvh;inset:0;z-index:30}.mobile-studio.mobile-landscape.mobile-focus .mobile-scroll-panel{display:none!important}html[data-platform=xhs-tool].mobile-landscape.mobile-focus .workspace .exhibition{top:var(--host-top);height:calc(100dvh - var(--host-top))}@media(orientation:landscape)and (max-width:1100px){html[data-platform=xhs-tool]{--host-top:max(72px, calc(env(safe-area-inset-top,0px) + 52px) )}}html[data-platform=xhs-tool].mobile-studio.mobile-landscape .mobile-tabs{top:auto}.mobile-studio.mobile-landscape .mobile-scroll-panel.mobile-side-active:not(#mobile-pattern){display:block}.mobile-studio.mobile-landscape .header{height:44px;min-height:44px}.mobile-studio.mobile-landscape .workspace{grid-template-rows:56px max(235px,calc(100dvh - var(--host-top,0px) - 100px))}.mobile-studio.mobile-landscape .mobile-tabs{grid-template-rows:28px 28px}.mobile-landscape .mobile-tab-row button{min-height:28px}.mobile-landscape .mobile-panel-caption{height:28px}.mobile-landscape .mobile-panel-caption button{min-height:28px}@media(max-height:700px)and (orientation:portrait){.mobile-studio .workspace .exhibition{height:250px}.mobile-studio .mobile-welcome{display:none}.mobile-studio .header{height:54px;min-height:54px}.mobile-studio .art-heading h1{font-size:20px;line-height:1.4}.mobile-studio .exhibition-top{min-height:28px}.mobile-studio .view-hint{font-size:8px}.mobile-studio .mobile-panel-caption{font-size:10px}}@media(orientation:landscape)and (max-width:1100px){html[data-platform=xhs-tool]{--host-top:0px;--host-left:max(88px, calc(env(safe-area-inset-left,0px) + 48px) )}html[data-platform=xhs-tool].mobile-studio #app{padding-top:0;padding-left:var(--host-left);padding-right:max(10px,env(safe-area-inset-right,0px));max-width:none}html[data-platform=xhs-tool].mobile-studio:before{inset:0 auto 0 0;width:var(--host-left);height:100dvh}html[data-platform=xhs-tool].mobile-studio.mobile-focus .workspace .exhibition{top:0;left:var(--host-left);right:0;width:calc(100% - var(--host-left));height:100dvh}html[data-platform=xhs-tool].mobile-studio dialog{top:10px;left:calc(var(--host-left) + 10px);right:10px;margin:0 auto;max-width:calc(100vw - var(--host-left) - 20px);max-height:calc(100dvh - 20px)}}@media(orientation:landscape)and (max-width:1100px){html[data-platform=xhs-tool].mobile-studio #toast{left:calc(50% + var(--host-left)/2);max-width:calc(100vw - var(--host-left) - 24px)}}.mobile-studio:not(.mobile-landscape) .editor-dock{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.mobile-studio:not(.mobile-landscape) .quick-shape-label{grid-column:span 2}.mobile-studio:not(.mobile-landscape) .editor-dock #finish-edit{grid-column:span 2}.mobile-studio:not(.mobile-landscape) .editor-dock button{padding:3px;font-size:10px}.mobile-studio:not(.mobile-landscape) .workspace.is-editing .exhibition{height:max(460px,55dvh)}.mobile-studio:not(.mobile-landscape) .workspace.is-editing #viewport{min-height:210px}.studio-edit-actions{display:flex;gap:7px;margin:0 20px 8px;z-index:3;position:relative}.studio-edit-actions button{border:1px solid #c9cec033;background:#ffffff0a;border-radius:6px;color:#c7cfc5;padding:7px 12px;font-size:12px;cursor:pointer}.studio-edit-actions button:disabled{opacity:.35;cursor:default}.studio-edit-actions button:last-child{margin-left:auto;color:#d1bd9f}.element-material-composer{padding-top:18px}.element-material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.element-material-grid button{padding:8px 3px;border:1px solid #d8ddd2;border-radius:6px;background:transparent;color:#556456;font-size:11px;cursor:pointer}.element-material-grid button[aria-pressed=true]{background:#e8eee0;border-color:#758574;color:#294b3f}.element-material-grid button:disabled{opacity:.35;cursor:default}.material-sample{display:block;margin:0 auto 6px;width:25px;height:22px;border-radius:4px;transform:rotate(-8deg);background:conic-gradient(from 40deg,#92b8a3,#d8cce0,#e1dbc7,#85bdc7,#abb3d3,#92b8a3);box-shadow:inset 1px 1px 2px #fff8}.sample-original{background:linear-gradient(125deg,#819796 33%,#dda9aa 34% 66%,#d2c290 67%)}.sample-source-nacre{background:conic-gradient(#ebbdba,#f1dfb7,#a1caba,#b9aed7,#ebbdba)}.sample-glitter,.sample-mica,.sample-foil{background:radial-gradient(circle,#ffffff 0 15%,transparent 20%) 0 0/5px 5px,linear-gradient(120deg,#455f65,#a6c6c7,#5c6875)}.sample-mica{background-size:9px 8px,100% 100%}.sample-foil{background-size:12px 12px,100% 100%}.element-material-note{font-size:11px;line-height:1.8;color:#7b8277;margin:12px 0}.sparkle-options label{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px;margin:13px 0}.sparkle-options input[type=color]{width:46px;height:28px;border:1px solid #c9d1c1;background:transparent;padding:2px}.sparkle-grain input{min-width:0;flex:1;width:60px}.sparkle-grain output{font-size:10px;width:35px}.sparkle-options .source-color-toggle{justify-content:flex-start}#material-apply-all{width:100%;padding:9px;border:1px solid #c7cfc0;background:transparent;border-radius:5px;font-size:11px;color:#586e58;cursor:pointer}#blueprint-complete{background:#365d50;color:#f2f1e6;border-color:#365d50}.mobile-studio .studio-edit-actions{margin:0 14px 6px}.mobile-studio .studio-edit-actions button{font-size:11px;padding:6px 10px}.mobile-panel-caption .mobile-edit-actions{display:flex;gap:8px}.mobile-edit-actions button{font-size:11px!important;white-space:nowrap}.mobile-edit-actions [data-clear-art]{color:#976d54!important}.mobile-studio .mobile-welcome{display:none}html[data-platform=xhs-tool] .studio-opening{top:var(--host-top,0px);height:calc(100dvh - var(--host-top,0px));left:var(--host-left,0px);width:calc(100% - var(--host-left,0px));right:0;bottom:0;max-width:none;max-height:none}.element-material-grid button{border-color:#81937445;color:#a6b39a}.element-material-grid button[aria-pressed=true]{background:#344630;color:#e1ead5;border-color:#b1c49d}.element-material-note{color:#92a084}#material-apply-all{border-color:#80936c55;color:#b0c29e}.sparkle-options label{color:#a7b695}.studio-edit-actions{flex-shrink:0}.mobile-studio.mobile-landscape .studio-edit-actions{display:none}.mobile-studio:not(.mobile-landscape) .mobile-panel-caption{height:auto;min-height:60px;flex-wrap:wrap;row-gap:0}.mobile-studio:not(.mobile-landscape) #mobile-panel-title{display:none}.mobile-studio:not(.mobile-landscape) .mobile-panel-caption>div{flex:1 0 100%;justify-content:space-between}.mobile-studio:not(.mobile-landscape) .mobile-panel-caption button{min-height:28px}.mobile-studio .mobile-welcome{display:none!important}html[data-platform=xhs-tool].mobile-studio .studio-opening{top:var(--host-top,0px);left:var(--host-left,0px);right:0;bottom:0;width:calc(100% - var(--host-left,0px));height:calc(100dvh - var(--host-top,0px));margin:0;max-width:none;max-height:none;box-shadow:none}.material-scope-label{display:grid;gap:7px;margin:0 0 12px;font-size:11px;color:#a5b19c}.material-scope-label select{width:100%;min-height:36px;border:1px solid #82917655;border-radius:5px;background:#18221c;color:#d8e3cd;padding:6px 8px;font:inherit;font-size:12px}#piece-material-shortcut{width:100%;padding:8px;border:1px solid #81947755;background:#a2b58e0b;color:#b9c9ab;font:inherit;font-size:11px;border-radius:4px;margin:0 0 10px;cursor:pointer}:root{color-scheme:dark}.theme-control{display:inline-flex;align-items:center;gap:5px;padding:0 7px 0 9px;border:1px solid #8c9e8644;border-radius:5px;color:#c2d0bc;min-height:38px;flex-shrink:0;background:#ffffff05}.theme-control>span{font-size:16px;line-height:1;letter-spacing:0}.theme-control select{font:inherit;font-size:11px;letter-spacing:.5px;background:transparent;color:inherit;border:0;border-radius:3px;min-height:34px;padding:0 2px;cursor:pointer;max-width:80px}.theme-control select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.theme-control-opening{min-height:33px;gap:5px}.theme-control-opening select{min-height:31px}.opening-inner header{gap:20px}.opening-inner header>span:nth-child(2){margin-left:auto}.mobile-studio .theme-control-workbench{padding:0 3px 0 5px;gap:2px;min-height:36px}.mobile-studio .theme-control-workbench>span{font-size:13px}.mobile-studio .theme-control-workbench select{font-size:10px;min-height:34px;padding:0;width:44px}@media(max-width:650px){.opening-inner header>span:nth-child(2){display:none}.theme-control-opening{margin-left:auto}.opening-inner header{gap:8px}}@media(max-width:430px){.mobile-studio .header{gap:7px;padding-left:10px;padding-right:10px}.mobile-studio .brand-mark{display:none}.mobile-studio .header-actions .button{padding-left:6px;padding-right:6px}.mobile-studio .theme-control-workbench>span{display:none}.mobile-studio .theme-control-workbench{padding-left:5px;padding-right:4px}}@media(max-width:360px){.mobile-studio .header{gap:5px}.mobile-studio .header-actions .button{font-size:9px;white-space:nowrap;padding-left:4px;padding-right:4px}}:root[data-theme=light]{color-scheme:light;color:#314b41;background:#f4f3e9;--muted:#69786a;--line:#344e4220;--mint:#476c5b;--paper:#f4f3e9;--paper-panel:#f8f7ee;--paper-inset:#eaeedf;--paper-active:#dce7d8;--ink:#294c3e;--ink-soft:#596e5c;--ink-muted:#6b7b69;--paper-line:#50674833}:root[data-theme=light] body,:root[data-theme=light] #app{background:var(--paper)}:root[data-theme=light] :is(.header,.panel,.footer){background:var(--paper-panel);border-color:var(--paper-line)}:root[data-theme=light] .workspace .exhibition{background:radial-gradient(ellipse at 50% 46%,#fcfbf4,#f4f3e9 65%,#eaece1);border-color:var(--paper-line);box-shadow:none}:root[data-theme=light] .exhibition:before{opacity:.055}:root[data-theme=light] :is(.brand-mark .icon,.brand-name,.panel-title h2,.art-heading h1,.section-label h3,.modal-header h2){color:var(--ink)}:root[data-theme=light] :is(.brand-tagline,.nav-item,.eyebrow,.panel-intro,.section-label>span,.section-label>.icon,.icon-button,.range-field>span,.range-field output,.material-label>span,.art-heading p,.art-heading .eyebrow,.exhibit-label,.exhibit-edition,.view-hint,.art-caption,.art-caption>span:first-child,.art-signature,.zoom-label,.footer,.footer>span:first-child,.footer>button){color:var(--ink-soft)}:root[data-theme=light] .small-number{color:#66775b30}:root[data-theme=light] .brand-divider,:root[data-theme=light] .tool-divider{background:var(--paper-line)}:root[data-theme=light] .nav-item:hover,:root[data-theme=light] .nav-item.active{color:var(--ink)}:root[data-theme=light] .nav-item.active:after{background:#446951}:root[data-theme=light] .status-dot{background:#5b8067;box-shadow:0 0 0 3px #65836a10}:root[data-theme=light] :is(.button.quiet,.theme-control,.studio-edit-actions button){color:var(--ink-soft);background:#fff5;border-color:var(--paper-line)}:root[data-theme=light] :is(.button.primary,.editor-dock #finish-edit,.mobile-help-start,#blueprint-complete){color:#f8f8ee;background:#365b4b;border-color:#365b4b}:root[data-theme=light] .button.primary:hover{background:#244638}:root[data-theme=light] .pattern-thumbnail{background:radial-gradient(ellipse at 45% 30%,#eef1e5,#e0e6d6);border-color:var(--paper-line)}:root[data-theme=light] .pattern-thumbnail svg [fill]:not([fill=none]){fill:#668b7a}:root[data-theme=light] .pattern-card.selected .pattern-thumbnail{background:#dce7d8;border-color:#74917a}:root[data-theme=light] .pattern-card:hover .pattern-thumbnail{border-color:#6e8e73}:root[data-theme=light] :is(.pattern-card strong,.pattern-card.selected strong){color:var(--ink)}:root[data-theme=light] :is(.pattern-card>span,.pattern-index,.panel-footnote){color:var(--ink-muted)}:root[data-theme=light] .selected-tick{background:#47705a;color:#fff}:root[data-theme=light] .range-field input::-webkit-slider-runnable-track{background:linear-gradient(to right,#73977d 0 var(--range-progress),#c9d1be var(--range-progress) 100%)}:root[data-theme=light] .range-field input::-moz-range-track{background:#c9d1be}:root[data-theme=light] .range-field input::-moz-range-progress{background:#73977d}:root[data-theme=light] .range-field input::-webkit-slider-thumb{background:#3f6d54;border-color:#3f6d54;box-shadow:0 0 0 3px #f4f3e9}:root[data-theme=light] .range-field input::-moz-range-thumb{background:#3f6d54;border-color:#3f6d54}:root[data-theme=light] input{accent-color:#52765c}:root[data-theme=light] :is(.material-note,.piece-live-preview){background:var(--paper-inset);border-color:var(--paper-line)}:root[data-theme=light] :is(.material-note>span,.shell-option.selected,.custom-colors-switch){color:var(--ink)}:root[data-theme=light] :is(.shell-option,.material-note p,.craft-note,.tiny-button,.color-help,.color-follow,.color-layer>label:first-child,.layer-weight output,.border-width-label,.element-material-note,.sparkle-options label,.piece-live-preview p){color:var(--ink-soft)}:root[data-theme=light] .shell-option.selected .shell-swatch:before{border-color:#5f7e60}:root[data-theme=light] :is(.segmented,.creation-modes,.viewer-toolbar,.editor-dock){background:#eef0e5ed;border-color:var(--paper-line);box-shadow:0 3px 12px #425a3b08}:root[data-theme=light] :is(.segmented>button,.creation-modes button,.toolbar-button,.editor-dock button,.shuffle-button,.diy-tool-switch button,.piece-actions button,.diy-visible-history button,.pattern-filters button,.blueprint-entry button,.blueprint-actions button,.color-style-grid button,.shape-options>button,.element-material-grid button,#material-apply-all){color:var(--ink-soft);border-color:var(--paper-line);background:transparent}:root[data-theme=light] :is(.segmented>button.selected,.creation-modes button[aria-pressed=true],.toolbar-button[aria-pressed=true],.toolbar-button:hover,.editor-dock button[aria-pressed=true],.diy-tool-switch button[aria-pressed=true],.pattern-filters button[aria-pressed=true],.blueprint-actions button[aria-pressed=true],.color-style-grid button[aria-pressed=true],.shape-options>button.selected,.element-material-grid button[aria-pressed=true],.viewer-toolbar #edit-work){background:var(--paper-active);border-color:#819b7b;color:#284d3a;box-shadow:none}:root[data-theme=light] .blueprint-entry button:first-child,:root[data-theme=light] .blueprint-actions #blueprint-place{background:#e1e9d8;color:#31563f;border-color:#8ba37b}:root[data-theme=light] .studio-edit-actions button:last-child{color:#876045}:root[data-theme=light] :is(.diy-intro h3,.diy-intro p,.diy-select-label,.design-name-label,.design-file-actions button,.diy-empty,.blueprint-help,.blueprint-switches){color:var(--ink-soft)}:root[data-theme=light] .diy-shape-grid button{background:#eef0e5;border-color:var(--paper-line);color:#5d816b}:root[data-theme=light] .diy-shape-grid button[aria-pressed=true]{background:#dce7d8;color:#284d3a;border-color:#819b7b}:root[data-theme=light] :is(.diy-select-label select,.design-name-label input,.editor-dock select,.border-composer>select){background:#fafaf3;color:var(--ink);border-color:var(--paper-line);color-scheme:light}:root[data-theme=light] .design-name-label input::placeholder{color:#7b8976}:root[data-theme=light] :is(#diy-piece-list button,#diy-piece-list button>span:last-child,#diy-piece-list small){color:var(--ink-soft)}:root[data-theme=light] #diy-piece-list button[aria-pressed=true]{background:var(--paper-active);box-shadow:inset 2px 0 #668567}:root[data-theme=light] .piece-live-preview>div{color:#597d6c}:root[data-theme=light] #blueprint-tray button{background:#e6ecdf;color:var(--ink-soft);border-color:var(--paper-line)}:root[data-theme=light] #blueprint-tray path{fill:#658778;stroke:#41644e}:root[data-theme=light] #blueprint-tray button.current{border-color:#5b7c5b;box-shadow:0 0 0 1px #5b7c5b44}:root[data-theme=light] #blueprint-tray button.current path{fill:#416950}:root[data-theme=light] #toast{background:#355644;color:#f8f8ee;border-color:#41654c;box-shadow:0 8px 35px #35492e20}:root[data-theme=light] dialog{background:var(--paper-panel);color:var(--ink);border-color:var(--paper-line);box-shadow:0 25px 100px #35492e30}:root[data-theme=light] dialog::backdrop{background:#d7dccec4}:root[data-theme=light] :is(.modal-header,.ib-header,.ib-footer,.ib-controls){border-color:var(--paper-line)}:root[data-theme=light] :is(.modal-intro,.modal-header .eyebrow,.notes-intro p,.notes-grid article>span,.notes-grid p,.craft-guide p>b,.craft-guide p>span,.notes-disclaimer,.collection-open span,.remove-work,.empty-collection p,.export-options em,.export-options small,.export-options .icon,.export-status,.mobile-help-head,.mobile-help-head button,.mobile-help-dialog li,.mobile-help-dialog li p){color:var(--ink-soft)}:root[data-theme=light] .notes-emblem .icon,:root[data-theme=light] .empty-collection>.icon{color:#5b7c5b}:root[data-theme=light] :is(.collection-card,.export-options button){background:#f0f2e7;border-color:var(--paper-line)}:root[data-theme=light] .export-options button>strong{color:var(--ink)}:root[data-theme=light] .mobile-scroll-tip{background:var(--paper-inset);color:var(--ink-soft)}:root[data-theme=light] :is(.ib-workspace,.ib-field select,.ib-field input:not([type=range])){background:#f0f2e8;color:var(--ink)}:root[data-theme=light] :is(.ib-header span,.ib-piece-count,.ib-status,.ib-control-intro p,.ib-field,.ib-field output,.ib-field small,.ib-linework-label,.ib-linework-label small,.ib-tool-heading,.ib-tool-note,.ib-local-note,.ib-footer>p,.ib-preview-tools output,.ib-auto-label,.ib-cancel){color:var(--ink-soft)}:root[data-theme=light] .ib-control-intro h3{color:var(--ink)}:root[data-theme=light] :is(.ib-close,.ib-change,.ib-view-switch button,.ib-tools button,.ib-preview-tools button,.ib-resegment,.ib-correction-actions button){background:#e8edde;color:var(--ink-soft);border-color:var(--paper-line)}:root[data-theme=light] :is(.ib-view-switch button[aria-pressed=true],.ib-tools button[aria-pressed=true]){background:#d3e2cf;color:#234b33;border-color:#83a17c}:root[data-theme=light] .ib-dialog .primary{background:#365b4b;color:#f8f8ee;border-color:#365b4b}:root[data-theme=light] .ib-dialog .primary:hover:not(:disabled){background:#284b3b}:root[data-theme=light] .ib-warning,:root[data-theme=light] .ib-status.error{color:#865b36}:root[data-theme=light] .ib-detail-field{border-color:var(--paper-line)}:root[data-theme=light] .ib-dropzone{background:#f0f2e8;color:var(--ink);border-color:var(--paper-line)}:root[data-theme=light] .ib-canvas-wrap{background:var(--paper-inset);border-color:var(--paper-line)}:root[data-theme=light] .ib-dropzone p,:root[data-theme=light] .ib-upload-mark{color:var(--ink-soft)}:root[data-theme=light] .material-scope-label{color:var(--ink-soft)}:root[data-theme=light] .material-scope-label select{background:var(--paper-panel);color:var(--ink);border-color:var(--paper-line)}:root[data-theme=light] #piece-material-shortcut{background:var(--paper-inset);color:var(--ink-soft);border-color:var(--paper-line)}:root[data-theme=light].mobile-studio .mobile-tabs,:root[data-theme=light].mobile-studio .mobile-deck{background:var(--paper);border-color:var(--paper-line)}:root[data-theme=light].mobile-studio .mobile-tab-row button,:root[data-theme=light].mobile-studio .mobile-panel-caption,:root[data-theme=light].mobile-studio .mobile-panel-caption button{color:var(--ink-soft)}:root[data-theme=light].mobile-studio .mobile-tab-row button[aria-selected=true],:root[data-theme=light].mobile-landscape .mobile-tab-row button.side-selected{background:var(--paper-active);color:var(--ink)}:root[data-theme=light].mobile-studio .mobile-tab-row button[aria-selected=true]:after{background:#52745a}:root[data-theme=light].mobile-studio .blueprint-actions{background:var(--paper-panel)}:root[data-theme=light].mobile-studio .blueprint-actions button:first-child{background:#dce7d8;color:#31563f}:root[data-theme=light].mobile-studio :is(.mobile-scroll-rail,.mobile-page-rail,.mobile-editor-rail){background:#dce3d4}:root[data-theme=light].mobile-studio .mobile-scroll-rail i{background:#83977c}:root[data-theme=light] :is(.mobile-scroll-panel,.ib-controls,#diy-piece-list,.diy-shape-grid,#blueprint-tray){scrollbar-color:#83977c #e5eadb}:root[data-theme=light].mobile-landscape .mobile-scroll-panel::-webkit-scrollbar-thumb{background:#83977c}html[data-theme=light][data-platform=xhs-tool].mobile-studio:before{background:#f4f3e9}:root[data-theme=light] .studio-opening{background:#f4f3e9;box-shadow:none}:root[data-theme=light] .studio-opening::backdrop{background:#f4f3e9}:root[data-theme=dark] .studio-opening{background:#111915;color:#d9e4d4}:root[data-theme=dark] .studio-opening::backdrop{background:#111915}:root[data-theme=dark] :is(.opening-brand,.opening-copy h1){color:#d9e4d4}:root[data-theme=dark] .opening-copy p{color:#a9b8a0}:root[data-theme=dark] .opening-copy .opening-invitation{color:#92a58b}:root[data-theme=dark] .opening-art img{mix-blend-mode:normal}:root[data-theme=dark] #enter-studio{background:#c0d3b2;color:#223d2c}:root[data-theme=dark] #enter-studio:hover{background:#d6e3cc}:root[data-theme=dark] .element-material-grid button{color:#b3c3ac;border-color:#647b5655}:root[data-theme=dark] .element-material-grid button[aria-pressed=true]{color:#e0ebd5;background:#30452e;border-color:#8fa37c}:root[data-theme=dark] :is(.element-material-note,.sparkle-options label,#material-apply-all){color:#adbea3}:root[data-theme=dark] #material-apply-all{border-color:#647b5677}.studio-opening{--opening-ink: #29473d;--opening-muted: #687767;--opening-faint: #818d7b;position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#f4f3e9;color:var(--opening-ink);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8c998277 transparent;z-index:100}.studio-opening::backdrop{background:#f4f3e9}.opening-visible{overflow:hidden}.opening-inner{width:min(1180px,calc(100% - 100px));min-height:100%;margin:auto;display:grid;grid-template-columns:1.14fr 1fr;grid-template-rows:88px 1fr 1fr 60px;grid-template-areas:"header header" "art heading" "art copy" "footer footer";column-gap:clamp(32px,5vw,76px)}.opening-inner header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--opening-faint);font-size:11px;letter-spacing:2px}.opening-brand{font-family:var(--serif);font-size:23px;letter-spacing:4px;white-space:nowrap;color:var(--opening-ink)}.opening-heading{grid-area:heading;align-self:end;padding-top:28px}.opening-eyebrow{color:var(--opening-faint);font-size:10px;letter-spacing:4px;margin:0 0 24px}.opening-heading h1{display:flex;align-items:baseline;gap:20px;font-family:var(--serif);font-weight:400;margin:0;line-height:1.2}.opening-heading h1 span{font-size:29px;letter-spacing:5px}.opening-heading h1 strong{font-size:clamp(78px,7.8vw,112px);letter-spacing:.13em;font-weight:400}.opening-motto{font-family:var(--serif);font-size:26px;letter-spacing:4px;margin:22px 0 28px}.opening-art{grid-area:art;align-self:center;min-width:0;margin:0;text-align:center}.opening-viewport{position:relative;width:100%;aspect-ratio:1;isolation:isolate}.opening-viewport canvas{position:absolute;inset:0;transition:opacity .6s;opacity:0}.art-ready .opening-viewport canvas{opacity:1}.opening-viewport canvas:focus-visible{outline:1px solid #879b7e!important;outline-offset:-12px;border-radius:50%}.opening-loading{position:absolute;inset:45% 0 auto;font-size:12px;letter-spacing:2px;color:var(--opening-muted)}.art-ready .opening-loading{display:none}.art-unavailable .opening-loading{display:block}.art-unavailable .opening-viewport canvas{opacity:.2}.opening-art figcaption{margin:5px 0 24px;color:var(--opening-muted)}#opening-art-caption{margin:0;font-family:var(--serif);font-size:16px;line-height:1.8;letter-spacing:2px}.opening-play-hint{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--opening-faint);font-size:11px;letter-spacing:1px}#opening-reset{min-height:44px;padding:0 7px;font:inherit;letter-spacing:inherit;color:inherit;background:transparent;border:0;cursor:pointer}#opening-reset:hover{color:var(--opening-ink)}#opening-reset:focus-visible{outline:1px solid currentColor;outline-offset:0}#opening-reset:disabled{opacity:.4;cursor:default}.opening-copy{grid-area:copy;align-self:start;padding-bottom:32px}.opening-copy p{color:var(--opening-muted);line-height:2.1;font-size:14px;margin:0 0 20px}.opening-copy .opening-verse{color:var(--opening-ink)}.opening-copy .opening-invitation{color:var(--opening-faint);font-size:12px;margin:22px 0 0}#enter-studio{display:flex;align-items:center;justify-content:space-between;gap:42px;min-height:52px;background:#345448;color:#f4f3e9;border:0;border-radius:2px;padding:15px 22px;margin:26px 0 0;font-size:14px;letter-spacing:2px;cursor:pointer}#enter-studio:hover{background:#233e35}#enter-studio:focus-visible{outline:2px solid #9dad8f;outline-offset:5px}.opening-inner footer{grid-area:footer;align-self:center;color:var(--opening-faint);font-size:10px;letter-spacing:2px;padding:12px 0}.opening-inner footer span{margin:0 8px}:root[data-theme=dark] .studio-opening{--opening-ink: #d9e4d4;--opening-muted: #a9b8a0;--opening-faint: #92a58b}html[data-platform=xhs-tool] .studio-opening,html[data-platform=xhs-tool].mobile-studio .studio-opening{top:var(--host-top, 0px);left:var(--host-left, 0px);right:0;bottom:0;width:calc(100% - var(--host-left, 0px));height:calc(100dvh - var(--host-top, 0px));max-width:none;max-height:none;margin:0;box-shadow:none}.brand-name{letter-spacing:3px}.brand-name>span{font-size:7px;letter-spacing:1.7px}.mobile-studio .brand-name{font-size:20px;letter-spacing:2px}.mobile-studio .brand-name>span{font-size:6px;letter-spacing:1.25px}@media(max-width:720px)and (orientation:portrait){.opening-inner{width:calc(100% - 40px);max-width:430px;grid-template-columns:1fr;grid-template-rows:52px auto auto auto 36px;grid-template-areas:"header" "heading" "art" "copy" "footer";gap:0}.opening-inner header{gap:8px}.opening-inner header>span:nth-child(2){display:none}.opening-brand{font-size:19px;letter-spacing:3px}.opening-heading{padding-top:6px;text-align:center}.opening-eyebrow{display:none}.opening-heading h1{justify-content:center;gap:13px}.opening-heading h1 span{font-size:20px;letter-spacing:3px}.opening-heading h1 strong{font-size:64px;letter-spacing:8px}.opening-motto{font-size:20px;letter-spacing:3px;margin:10px 0 4px}.opening-art{width:100%}.opening-viewport{width:min(60vw,250px);margin:0 auto}.opening-art figcaption{margin:0 0 4px}#opening-art-caption{font-size:13px;letter-spacing:1px}.opening-play-hint{font-size:10px;gap:12px}.opening-copy{text-align:center;padding:0}.opening-copy p{font-size:12px;line-height:1.95;margin-bottom:14px}.opening-copy .opening-invitation{font-size:11px;margin:15px 0 0}#enter-studio{font-size:13px;min-height:48px;margin:18px auto 0;gap:32px;padding:13px 20px}.opening-inner footer{text-align:center;font-size:9px;letter-spacing:1px}}@media(orientation:landscape)and (max-width:1100px)and (max-height:600px){.opening-inner{width:calc(100% - 48px);grid-template-columns:.95fr 1.05fr;grid-template-rows:46px auto 1fr 32px;column-gap:26px}.opening-brand{font-size:19px}.opening-inner header>span:nth-child(2){display:none}.opening-heading{padding-top:7px}.opening-eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:2px}.opening-heading h1{gap:12px}.opening-heading h1 span{font-size:18px;letter-spacing:2px}.opening-heading h1 strong{font-size:54px;letter-spacing:6px}.opening-motto{font-size:18px;letter-spacing:2px;margin:10px 0 13px}.opening-viewport{width:min(100%,calc(100dvh - 150px));margin:auto}.opening-art figcaption{margin:0}#opening-art-caption{font-size:11px;letter-spacing:0}.opening-play-hint{font-size:9px;gap:8px}.opening-copy{padding:0 0 12px}.opening-copy p{font-size:11px;line-height:1.8;margin-bottom:10px}.opening-copy .opening-invitation{font-size:10px;margin:12px 0 0}#enter-studio{min-height:44px;padding:10px 16px;margin-top:16px;font-size:12px;letter-spacing:1px}.opening-inner footer{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.opening-viewport canvas{transition:none}}.art-heritage:not([hidden]){display:flex;flex-direction:column;gap:4px;margin:5px auto 8px;padding:0 14px;color:var(--ink-soft,#aab8a4);font-size:10px;line-height:1.7;letter-spacing:.7px;max-width:100%;font-weight:400}.has-heritage .art-heading h1{letter-spacing:4px;text-indent:4px}.has-heritage .art-heading #art-subtitle[hidden]{display:none}.mobile-studio .art-heritage:not([hidden]){font-size:9px;line-height:1.65;letter-spacing:0;gap:2px;margin:3px auto 5px;padding:0 9px}.mobile-studio .has-heritage .art-heading h1{font-size:20px;letter-spacing:2px;white-space:normal;line-height:1.5;text-indent:0}.mobile-studio:not(.mobile-landscape) .workspace .exhibition.has-heritage{min-height:435px}.mobile-landscape .has-heritage .art-heading h1{font-size:16px;letter-spacing:1px}.mobile-landscape .art-heritage:not([hidden]){font-size:8px;line-height:1.5;margin:1px auto 2px}@media(max-width:350px)and (orientation:portrait){.mobile-studio .has-heritage .art-heading h1{font-size:18px}.mobile-studio .art-heritage:not([hidden]){font-size:8px}}.fullscreen-label{display:none}html.desktop-focus:not(.mobile-studio),html.desktop-focus:not(.mobile-studio) body{overflow:hidden}html:not(.mobile-studio) .workspace.focus-view>.exhibition{position:fixed;inset:0;z-index:60;grid-area:auto;width:100%;max-width:none;height:100dvh;min-height:0;max-height:none;margin:0;border:0;border-radius:0;align-self:stretch}html:not(.mobile-studio) .workspace.focus-view .exhibition-top{flex:none;min-height:52px;padding:8px 24px}html:not(.mobile-studio) .workspace.focus-view #fullscreen{width:auto;height:36px;padding:0 12px;gap:8px;border:1px solid var(--line);font-size:12px}html:not(.mobile-studio) .workspace.focus-view .fullscreen-label{display:inline}html:not(.mobile-studio) .workspace.focus-view .art-heading{flex:none;padding:0 20px}html:not(.mobile-studio) .workspace.focus-view .art-heading h1{font-size:clamp(24px,3.2vh,36px);line-height:1.4;margin:0;letter-spacing:5px}html:not(.mobile-studio) .workspace.focus-view .art-heading>.eyebrow,html:not(.mobile-studio) .workspace.focus-view .art-heading>p,html:not(.mobile-studio) .workspace.focus-view .studio-edit-actions,html:not(.mobile-studio) .workspace.focus-view .art-caption{display:none}html:not(.mobile-studio) .workspace.focus-view .exhibition #viewport{flex:1 1 0;width:100%;height:auto;min-width:0;min-height:0;max-height:none;margin:0}html:not(.mobile-studio) .workspace.focus-view .view-hint{flex:none;margin:0 0 8px}html:not(.mobile-studio) .workspace.focus-view .viewer-toolbar,html:not(.mobile-studio) .workspace.focus-view .editor-dock{flex:none;margin:0 0 16px}@media(max-height:550px){html:not(.mobile-studio) .workspace.focus-view .exhibition-top{min-height:40px;padding:2px 16px}html:not(.mobile-studio) .workspace.focus-view .art-heading h1{font-size:20px}html:not(.mobile-studio) .workspace.focus-view .viewer-toolbar,html:not(.mobile-studio) .workspace.focus-view .editor-dock{margin-bottom:6px}}.border-reference-preview{display:flex;gap:12px;align-items:center;margin:12px 0;color:#bfd0b4}.border-reference-preview[hidden]{display:none}.border-reference-preview>div{width:76px;height:98px;flex:none;display:flex;align-items:center;justify-content:center;background:#0c1511;border:1px solid var(--line);border-radius:5px;padding:5px}.border-reference-preview svg{width:100%;height:100%}.border-reference-preview p{font-size:10px;line-height:1.9;color:var(--muted)}:root[data-theme=light] .border-reference-preview{color:#547a68}:root[data-theme=light] .border-reference-preview>div{background:var(--paper-inset)}.mobile-studio .border-reference-preview p{font-size:11px}.workspace .art-heading{padding-top:4px}.workspace .art-heading h1{font-size:26px;line-height:1.35;letter-spacing:6px;text-indent:6px;margin:4px 0 0}.workspace .art-heading p{margin-top:3px}html:not(.mobile-studio) .workspace.focus-view .art-heading h1{font-size:26px;line-height:1.35;margin:2px 0}.mobile-studio .workspace .art-heading{padding:0}.mobile-studio .workspace .art-heading h1{font-size:19px;line-height:1.3;letter-spacing:3px;text-indent:0;margin:1px auto 0}.mobile-studio.mobile-landscape .workspace .art-heading h1{font-size:16px;line-height:1.25;letter-spacing:2px}.mobile-studio .workspace .has-heritage .art-heading h1{font-size:17px;line-height:1.35;letter-spacing:1px;white-space:normal}.mobile-studio.mobile-landscape .workspace .has-heritage .art-heading h1{font-size:15px}.mobile-studio .header{height:48px;min-height:48px;padding:4px 10px;gap:6px}.mobile-studio .header-actions .button{min-height:30px;padding:4px 6px}.mobile-studio #collection-nav{min-height:30px;padding:5px 0}.mobile-studio .mobile-tab-row{padding:2px 6px 0;gap:2px}.mobile-studio .mobile-tab-row button{min-height:30px;font-size:11px;letter-spacing:0}.mobile-studio:not(.mobile-landscape) .mobile-panel-caption{min-height:48px;padding:0 8px}.mobile-studio .mobile-panel-caption button{min-height:24px;font-size:10px!important}.mobile-studio .mobile-scroll-panel{padding:10px 14px 18px 10px}.mobile-studio .shape-options{gap:5px}.mobile-studio .shape-options>button{height:44px;min-height:32px;font-size:10px}.mobile-studio .segmented>button{padding:6px 3px;min-height:30px;font-size:10px}.mobile-studio .studio-edit-actions{gap:4px;margin:0 10px 3px}.mobile-studio .studio-edit-actions button{font-size:10px;min-height:28px;padding:3px 7px}.mobile-studio .viewer-toolbar{margin-bottom:4px;padding:2px 4px}.mobile-studio .toolbar-button,.mobile-studio .viewer-toolbar .icon-button{min-height:30px;height:30px}.mobile-studio .view-hint{margin-bottom:2px;font-size:8px}.mobile-studio.mobile-landscape .header{height:36px;min-height:36px;padding:2px 8px}.mobile-studio.mobile-landscape .workspace{grid-template-columns:clamp(120px,18vw,175px) minmax(0,1fr) clamp(130px,19vw,185px);grid-template-rows:48px max(235px,calc(100dvh - var(--host-top,0px) - 84px))}.mobile-studio.mobile-landscape .mobile-tabs{grid-template-rows:24px 24px}.mobile-studio.mobile-landscape .mobile-tab-row{padding:0;gap:2px}.mobile-studio.mobile-landscape .mobile-tab-row button{min-height:24px;font-size:10px}.mobile-studio.mobile-landscape .mobile-panel-caption{height:24px;padding:0 6px;font-size:10px}.mobile-landscape #mobile-panel-title:after{display:none}.mobile-studio.mobile-landscape .workspace .exhibition-top{height:30px;min-height:30px;padding:0 4px;flex:none}.mobile-studio.mobile-landscape .workspace .exhibit-label{font-size:8px;letter-spacing:0}.mobile-studio.mobile-landscape #fullscreen{height:28px;width:28px}.mobile-studio.mobile-landscape .workspace .art-heading{position:absolute;top:4px;left:64px;right:34px;width:auto;padding:0;z-index:2}.mobile-studio.mobile-landscape .workspace .art-heading h1{font-size:14px;line-height:22px;letter-spacing:1px;margin:0;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mobile-studio.mobile-landscape .workspace .art-heritage:not([hidden]){font-size:8px;line-height:1.2;margin:0;padding:0;background:var(--paper-bg,#121b15)}.mobile-studio.mobile-landscape .workspace .view-hint{display:none}.mobile-studio.mobile-landscape .workspace .viewer-toolbar{display:contents}.mobile-studio.mobile-landscape .workspace.is-editing .viewer-toolbar{display:none}.mobile-studio.mobile-landscape .viewer-toolbar>.tool-divider,.mobile-studio.mobile-landscape .viewer-toolbar>.zoom-label{display:none}.mobile-studio.mobile-landscape .viewer-toolbar>button{position:absolute;z-index:4;margin:0!important;min-height:30px;height:30px;border:1px solid #83947b55;border-radius:5px;background:#18231ce8;color:#d5dfcd;pointer-events:auto}.mobile-studio.mobile-landscape .viewer-toolbar>.toolbar-button{left:3px;width:46px;padding:2px!important;font-size:9px;letter-spacing:0}.mobile-studio.mobile-landscape #edit-work{top:calc(50% - 46px)}.mobile-studio.mobile-landscape #auto-rotate{top:calc(50% - 12px)}.mobile-studio.mobile-landscape #light-orbit{top:calc(50% + 22px)}.mobile-studio.mobile-landscape .viewer-toolbar>.icon-button{right:3px;width:30px}.mobile-studio.mobile-landscape #zoom-in{top:calc(50% - 46px)}.mobile-studio.mobile-landscape #zoom-out{top:calc(50% - 12px)}.mobile-studio.mobile-landscape #reset-view{top:calc(50% + 22px)}html[data-theme=light].mobile-landscape .viewer-toolbar>button{background:#f0f2e9ed;color:#32574b}.mobile-studio.mobile-landscape .shape-options>button{height:43px}.mobile-studio.mobile-landscape .workspace .exhibition #viewport{margin:0 34px 0 50px}