:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#29483e;background:#edf1e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #29483e;--muted: #596b57;--green: #345847;--paper: #fffcf5;--line: #d9dfd2;--gold: #c8ab72}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.38}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #6f8c68;outline-offset:4px}button{transition:background .18s,transform .18s,border-color .18s}button:not(:disabled):active{transform:translateY(1px)}button svg{flex-shrink:0}button{border:0;background:none}::selection{background:#cfddbf;color:#203f31}input{caret-color:var(--green)}*{scrollbar-width:thin;scrollbar-color:#9fab95 #edf1e9}[hidden]{display:none!important}.site-header{max-width:1320px;height:103px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 16px}.brand{font-family:Georgia,Times New Roman,serif;font-size:31px;letter-spacing:-1.2px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center}.brand-dot{color:#b29059}.site-header nav{display:flex;align-items:center;gap:26px}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 4px;font-size:13px;font-weight:500}.quiet-button:hover{color:#132c20}.count{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e1e7d9;font-size:11px}.workshop{max-width:1290px;display:grid;grid-template-columns:minmax(0,1fr) 347px;gap:37px;margin:34px auto 0;padding:0 16px}.globe-studio{position:relative;min-width:0;padding-top:4px}.studio-heading{padding-left:24px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:1}.studio-heading h1{font-family:Georgia,Times New Roman,serif;font-size:49px;line-height:1.07;letter-spacing:-1.8px;font-weight:400;margin:0;text-wrap:balance}.studio-heading p{font-size:13px;line-height:1.7;margin:0 20px 6px;color:var(--muted)}.globe-stage{position:relative;height:435px;margin:0 -12px}.stage-halo{position:absolute;width:430px;height:390px;border-radius:50%;left:50%;top:40px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(205,219,199,.42),rgba(230,236,224,.1) 70%,transparent 72%);pointer-events:none}#globe-canvas{width:100%;height:100%;position:relative;z-index:1;display:block;touch-action:none;cursor:grab}#globe-canvas:active{cursor:grabbing}.scene-badge{position:absolute;z-index:2;right:6%;top:47%;font-size:10px;letter-spacing:.1px;color:#5b7361;border:1px solid #cdd7c5;padding:8px 11px;border-radius:20px;display:flex;gap:5px;align-items:center;transform:rotate(4deg);background:#eef2e9;pointer-events:none}.fallback-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:var(--muted);z-index:2}.globe-caption{text-align:center;margin-top:-9px;position:relative;z-index:2}.globe-name-wrap{position:relative;width:280px;margin:auto}.globe-name-wrap input{text-align:center;width:100%;background:transparent;border:1px solid transparent;border-radius:6px;font-family:Georgia,Times New Roman,serif;font-size:23px;line-height:1.3;color:var(--ink);padding:4px 20px;cursor:text}.globe-name-wrap input:hover{border-color:#cbd5c3}.name-pencil{position:absolute;right:3px;top:10px;font-size:16px;color:#596b57;pointer-events:none}.caption-sub{font-size:10px;letter-spacing:1.5px;color:#596b57}.shake-controls{text-align:center;margin-top:22px}.shake-button{background:var(--green);color:#fffdf4;min-height:52px;border-radius:10px;padding:12px 21px;display:inline-flex;gap:11px;align-items:center;font-size:14px;box-shadow:0 5px 12px #344d2c14}.shake-button:hover{background:#254736}kbd{font:10px ui-sans-serif,system-ui,sans-serif;border:1px solid #68816b;border-radius:4px;padding:3px 6px;margin-left:16px;color:#dce6d5}.shake-controls p{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#596b57;margin:14px 0 0}.builder{background:var(--paper);border-radius:18px;padding:26px 25px 19px;box-shadow:0 8px 30px #3c4c3110;align-self:start}.builder-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.builder h2{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;letter-spacing:-.6px;line-height:1.2;margin:0}.builder-heading p{font-size:10px;margin:9px 0 0;color:var(--muted)}.tiny-star{color:#829778}.control-section{margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h3{font-size:12px;font-weight:600;margin:0}.section-heading>span{font-size:10px;color:#596b57;font-variant-numeric:tabular-nums}.section-description{font-size:10px;color:var(--muted);margin:7px 0 13px}.piece-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.piece-button{height:94px;border-radius:9px;background:#f1f0e7;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid transparent;gap:3px;padding:6px 2px}.piece-art{width:64px;height:60px;overflow:visible}.piece-button>span:not(.add-mark){font-size:10px;color:#53614f}.piece-button:hover:not(:disabled){background:#e7ebdd;border-color:#b4c2a7}.piece-button:active .piece-art{transform:translateY(-2px)}.add-mark{position:absolute;top:5px;right:5px;color:#6a805d;opacity:0}.piece-button:hover .add-mark,.piece-button:focus-visible .add-mark{opacity:1}.scene-tools{display:flex;justify-content:space-between;margin-top:5px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;font-size:10px;padding:4px 0;color:#596b57}.text-button:hover{color:#29483e}.atmosphere-section{border-top:1px solid #e4e5d9;padding-top:20px;margin-top:8px}.atmosphere-section>.section-heading{margin-bottom:17px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0;min-height:39px;font-size:11px}.swatches{display:flex;gap:6px;align-items:center;margin-right:-6px}.swatch{position:relative;background:transparent;display:grid;place-items:center;width:34px;height:38px;padding:0}.swatch:before{content:"";width:23px;height:23px;border-radius:50%;background:var(--swatch);border:1px solid #00000008}.swatch svg{position:absolute;opacity:0;color:#fff;width:12px}.swatch[aria-pressed=true]:after{content:"";position:absolute;inset:3px;border:1px solid #7b8b69;border-radius:50%}.swatch[aria-pressed=true] svg{opacity:1}.snow-swatches .swatch svg{color:#5c6f51}.snow-swatches .swatch:before{border-color:#e1e1d3}.segmented{display:flex;border-radius:7px;background:#eeeee4;padding:3px;gap:1px}.segmented button{display:flex;gap:6px;align-items:center;justify-content:center;min-height:31px;font-size:10px;padding:5px 11px;border-radius:5px;color:#596b57}.segmented button[aria-pressed=true]{background:#fffdf7;color:#345847;box-shadow:0 1px 5px #3b4b3310}.amount-label{display:flex;justify-content:space-between;font-size:11px;margin-top:17px}.amount-label span+span{font-size:9px;color:#596b57}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:25px;background:transparent;cursor:pointer;margin:8px 0 0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#789466 var(--range),#e1e5d7 var(--range))}input[type=range]::-moz-range-track{height:4px;background:#d4dfc8;border-radius:2px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;background:#fffdf5;border:3px solid #789466;border-radius:50%;margin-top:-5.5px}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fffdf5;border:3px solid #789466;border-radius:50%}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#596b57}.builder-actions{display:flex;gap:8px;margin-top:25px}.save-button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #c5ceb8;border-radius:8px;min-height:44px;font-size:11px;font-weight:500;padding:10px 15px;background:#e8eddf;color:#3c573c;flex:1}.save-button:hover{background:#dce6cf}.share-button{border:1px solid #d8ddcc;border-radius:8px;width:45px;min-height:44px;display:grid;place-items:center}.share-button:hover{background:#e8eddf}.local-note{text-align:center;font-size:8px;color:#596b57;margin:11px 0 0}.piece-manager{border-top:1px solid var(--line);padding-top:10px;margin-top:6px}.manager-label{font-size:10px;color:var(--muted);margin-bottom:7px}.piece-row{display:flex;align-items:center;gap:2px}.piece-select{flex:1;text-align:left;font-size:11px;min-height:44px;padding:5px}.piece-select[aria-pressed=true]{color:#29483e;background:#e9eddf;border-radius:5px}.nudge{width:29px;min-height:44px;display:grid;place-items:center}.nudge:hover{background:#e8eddf}.nudge-left svg{transform:rotate(180deg)}.nudge-back svg{transform:rotate(-90deg)}.nudge-forward svg{transform:rotate(90deg)}#selected-tools{display:flex;gap:16px}.shelf-section{max-width:1258px;margin:64px auto 0;padding:31px 0 32px;border-top:1px solid var(--line)}.shelf-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.shelf-heading h2{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:27px;letter-spacing:-.6px;margin:0}.shelf-heading p{font-size:11px;color:var(--muted);margin:8px 0 0}.shelf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shelf-card{position:relative;background:#e5eadf;border-radius:12px;overflow:hidden}.shelf-open{width:100%;text-align:left;padding:0 17px 18px;display:flex;flex-direction:column;min-height:200px}.shelf-open:hover{background:#dee5d5}.shelf-open canvas{display:block;width:100%;height:185px;object-fit:contain}.shelf-card-title{font-family:Georgia,Times New Roman,serif;font-size:19px;margin-top:-5px}.shelf-card-sub{font-size:9px;margin-top:5px;color:#596b57}.shelf-remove{position:absolute;right:5px;top:5px;width:44px;height:44px;color:#596b57;display:grid;place-items:center}.shelf-remove:hover{color:#29483e}.shelf-note{font-size:10px;color:#596b57;margin-top:19px}.empty-shelf{font-size:13px;color:#596b57;grid-column:1/-1;padding:30px 0}.site-footer{max-width:1258px;margin:0 auto;padding:26px 0 29px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#596b57;gap:16px}.site-footer>span{display:flex;gap:7px;align-items:center}.site-footer .text-button{min-height:44px}.footer-small{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:12px}dialog{color:var(--ink);border:0;border-radius:20px;background:var(--paper);padding:36px;max-width:440px;width:calc(100% - 32px);box-shadow:0 20px 70px #233d3030}dialog::backdrop{background:#253d325c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px}.dialog-art{display:block;margin-bottom:18px;color:#67825c}dialog h2{font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400;line-height:1.15;letter-spacing:-.9px;margin:10px 0 23px}dialog p{font-size:13px;line-height:1.7;color:#596b57}dialog .save-button{width:100%;margin-top:24px}dialog .quiet-button{width:100%;font-size:12px;margin-top:6px}.dialog-hint{padding:12px;background:#eef0e4;border-radius:8px}dialog label{font-size:12px}#share-url{width:100%;border:1px solid #cbd3bf;border-radius:7px;background:#fffef9;color:var(--ink);padding:12px;font-size:12px;margin-top:9px}#share-feedback{font-size:12px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);max-width:calc(100% - 32px);width:max-content;background:#29483e;color:#fffdf4;padding:14px 20px;border-radius:10px;font-size:12px;z-index:100;opacity:0;pointer-events:none;box-shadow:0 7px 25px #20382b20;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1500px){.site-header{height:112px}.workshop{margin-top:43px;gap:50px}.globe-stage{height:470px}.studio-heading h1{font-size:54px}.builder{padding-top:29px;padding-bottom:24px}.control-section{margin-top:28px}.shelf-section{margin-top:70px}}@media(max-width:1320px){.site-header{margin:0 32px;padding:0}.workshop{padding:0 32px;gap:25px}.studio-heading{padding-left:0}.studio-heading h1{font-size:43px}.studio-heading p{font-size:11px;margin-right:5px}.shelf-section,.site-footer{margin-left:32px;margin-right:32px}.scene-badge{right:0;font-size:8px}.globe-stage{margin-left:-20px;margin-right:-20px}}@media(max-width:1050px){.workshop{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.builder{padding:23px 20px}.studio-heading{display:block}.studio-heading h1{font-size:43px}.studio-heading p{margin:14px 0 0;line-height:1.5}.studio-heading p br{display:none}.globe-stage{height:385px;margin-top:4px}.scene-badge{top:20px;right:12px}.globe-caption{margin-top:-4px}.shake-controls{margin-top:17px}.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-small{display:none!important}}@media(max-width:760px){.site-header{height:78px;margin:0 22px}.brand{font-size:28px;gap:7px}.brand-mark svg{width:26px}.site-header nav{gap:15px}.about-button span{display:none}.quiet-button{font-size:12px}.count{width:20px;height:20px}.workshop{grid-template-columns:1fr;padding:0 22px;margin-top:28px;gap:32px}.studio-heading{text-align:center}.studio-heading h1{font-size:39px;letter-spacing:-1.4px;line-height:1.08}.studio-heading p{font-size:11px;margin-top:12px}.globe-stage{height:390px;margin:-2px -22px 0}.scene-badge{display:none}.stage-halo{width:330px;height:330px;top:25px}.globe-caption{margin-top:-8px}.globe-name-wrap input{font-size:23px}.shake-controls{margin-top:18px}.shake-button{min-height:52px;padding:12px 22px;font-size:13px}.shake-controls p{font-size:10px;margin-top:12px}kbd{display:none}.builder{padding:26px;max-width:480px;justify-self:center;width:100%;box-shadow:0 6px 24px #3c4c310c}.builder h2{font-size:28px}.builder-heading p{font-size:11px}.control-section{margin-top:26px}.section-heading h3{font-size:13px}.section-description{font-size:11px;margin-bottom:16px}.piece-picker{gap:10px}.piece-button{height:103px}.piece-art{height:65px;width:70px}.piece-button>span:not(.add-mark){font-size:11px}.text-button{min-height:44px;font-size:11px}.atmosphere-section{padding-top:23px;margin-top:7px}.setting-row{font-size:12px;min-height:45px}.swatch{width:39px;height:44px}.swatch:before{width:26px;height:26px}.swatch[aria-pressed=true]:after{inset:5px 3px}.swatch svg{width:14px}.segmented button{min-height:38px;font-size:11px;padding:7px 12px}.amount-label{font-size:12px;margin-top:20px}.amount-label span+span{font-size:10px}input[type=range]{height:38px}.range-labels{font-size:9px}.builder-actions{margin-top:27px}.save-button{min-height:48px;font-size:12px}.share-button{width:49px}.local-note{font-size:9px;margin-top:13px}.shelf-section{margin:36px 22px 0;padding-top:28px}.shelf-heading{align-items:flex-start;gap:10px}.shelf-heading h2{font-size:24px;max-width:220px}.shelf-heading p{font-size:10px}.shelf-heading .quiet-button{font-size:10px;gap:3px;white-space:nowrap}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.shelf-open{padding:0 12px 16px;min-height:180px}.shelf-open canvas{height:145px}.shelf-card-title{font-size:16px}.shelf-card-sub{font-size:8px;line-height:1.5}.shelf-remove{width:38px;height:38px;right:0;top:0}.shelf-note{font-size:9px;line-height:1.7}.site-footer{margin:0 22px;flex-direction:column;gap:4px;padding:21px 0;font-size:10px}.fallback-note{font-size:9px;padding:0 16px}.toast{font-size:11px;line-height:1.5;text-align:center;bottom:16px}dialog{padding:30px}.scene-tools .text-button{font-size:10px}.nudge{width:33px;min-height:44px}}@media(max-width:400px){.site-header{margin:0 18px}.site-header nav{gap:10px}.brand{font-size:26px}.site-header .quiet-button{gap:6px}.studio-heading h1{font-size:37px}.globe-stage{height:350px}.globe-caption{margin-top:-2px}.builder{padding:23px}.workshop{padding:0 18px}.shelf-section{margin-left:18px;margin-right:18px}.shelf-heading h2{font-size:22px}.shelf-open canvas{height:130px}.shelf-card-sub{font-size:7px}.shelf-open{min-height:167px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-badge{transform:none}button:not(:disabled):active{transform:none}.toast{transform:translate(-50%)}}.builder-heading p,.section-description{font-size:11px}.section-heading h3{font-size:13px}.setting-row{font-size:12px;min-height:44px}.amount-label{font-size:12px}.amount-label span+span,.range-labels,.local-note{font-size:10px}.swatch{width:44px;height:44px}.swatch[aria-pressed=true]:after{inset:6px 4px}.segmented button{min-height:44px}.segmented{min-height:50px}.text-button{min-height:44px}.nudge{width:44px;min-width:44px;min-height:44px}.shelf-remove{width:44px;height:44px}.shelf-card-sub,.scene-badge{font-size:10px}.piece-button>span:not(.add-mark){font-size:11px}.name-pencil{display:grid;place-items:center}.globe-stage{isolation:isolate}@media(max-width:400px){.globe-stage{margin-left:-18px;margin-right:-18px}.shelf-card-sub{font-size:9px}}input[type=range]{height:44px}
