:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-size:14px;color:#273d35;background:#e9ece5;--bg: #eceee7;--surface: #fafbf6;--canvas: #e9ece5;--ink: #273d35;--muted: #667568;--line: #ccd6c9;--accent: #305e4b;--accent-ink: #fff;--soft: #e2e9dc;--error: #9c352b;--shadow: 0 8px 28px #203c3216}:root[data-theme=dark]{color-scheme:dark;--bg: #1d2823;--surface: #24312a;--canvas: #202d26;--ink: #edf0e4;--muted: #b0beb2;--line: #415346;--accent: #c0d9a7;--accent-ink: #203329;--soft: #35463b;--error: #ffa799;--shadow: 0 8px 28px #0003}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;transition:background .15s}button:disabled{opacity:.45;cursor:not-allowed}button svg{flex:none}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button:hover:not(:disabled){filter:brightness(.96)}a{color:inherit;text-decoration:none}input,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:10px 11px;outline-color:var(--accent)}input:focus,select:focus{border-color:var(--accent)}.primary,.quiet{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:550;white-space:nowrap}.primary{background:var(--accent);color:var(--accent-ink)}.quiet{background:transparent}.wide{width:100%}.icon{display:grid;place-items:center;min-width:36px;min-height:36px;background:transparent}header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;padding:10px 24px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:650;letter-spacing:-1.3px}.brand-mark{display:grid;place-items:center;width:27px;height:29px;border-radius:8px 8px 8px 1px;background:var(--accent);color:var(--accent-ink);font-family:Georgia,serif;font-size:26px;padding-bottom:4px}.pilot-label{margin-left:5px;font-size:8px;letter-spacing:1.4px;color:var(--muted);border:1px solid var(--line);padding:4px;border-radius:3px}.header-right{display:flex;align-items:center;gap:12px}.shop-name{max-width:240px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{position:relative;min-height:calc(100dvh - 64px);padding-bottom:68px}h1{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:0}h2{margin:0;font-size:19px;font-weight:550;letter-spacing:-.5px}.eyebrow{color:var(--muted);font-size:8px;letter-spacing:1.5px;font-weight:600;line-height:1.5;margin:0 0 8px}.intro{margin:30px 24px 20px}.workspace{position:relative;min-height:calc(100dvh - 132px)}.canvas{display:flex;flex-direction:column;min-height:calc(100dvh - 132px);min-width:0;background:var(--canvas);background-image:radial-gradient(var(--line) .65px,transparent .65px);background-size:20px 20px}.canvas-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px}.canvas-top .eyebrow{margin:0}.status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.dot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--accent)}.design-name{position:absolute;top:72px;left:24px;z-index:1}.design-name input{max-width:300px;display:block;width:240px;font-size:16px;font-weight:550;padding:5px 0;border-color:transparent;background:transparent}.design-name input:hover,.design-name input:focus{border-color:var(--line)}.design-name>span{display:block;font-size:7px;letter-spacing:1.4px;color:var(--muted);margin-top:3px}.stones{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;min-height:calc(100dvh - 290px);padding:80px 11% 115px}.stone-target{display:block;width:100%;max-width:850px;min-width:0;padding:16px;border:1px solid transparent;border-radius:7px;background:transparent}.stone-target:hover,.stone-target.selected{border-color:var(--line)}.stone{display:block;width:100%;max-height:430px;filter:drop-shadow(0 24px 16px #172d2b26)}.measurement{display:block;margin:-8px 0 5px;color:var(--muted);font-size:11px;letter-spacing:.5px}.measurement span{opacity:.85}.multi{flex-wrap:wrap;align-content:center}.multi .stone-target{width:50%;min-width:230px}.canvas-bottom{position:absolute;bottom:68px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:10px}.canvas-bottom .quiet{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.tiny-cross{font-size:15px;margin-right:7px}.tools{z-index:2}.starter-tools{position:absolute;top:68px;right:24px;display:flex;gap:6px;align-items:center}.starter-tools>button{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line)}.add-popover{position:absolute;top:51px;right:0;width:255px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);padding:7px 16px}.preset{display:flex;align-items:center;gap:12px;width:100%;min-height:74px;text-align:left;background:transparent;padding:14px 0}.preset+.preset{border-top:1px solid var(--line)}.preset>span:nth-child(2){flex:1}.preset strong{display:block;font-size:12px;font-weight:550}.preset small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.mini-stone{display:block;width:35px;height:20px;flex:none;background:#627167;border:4px solid #44564b;box-shadow:0 3px #34473c}.mini-stone.large{height:26px}.edit-tools{position:fixed;top:125px;bottom:143px;right:24px;width:284px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:20px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.is-editing .stones{padding-right:335px;padding-left:6%}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-heading>svg{color:var(--muted)}.small{color:var(--muted);font-size:12px;line-height:1.65;margin:12px 0 20px}label{display:block;font-size:11px;font-weight:550;margin-bottom:14px}label input{display:block;margin-top:6px}label>span{color:var(--muted);font-weight:400;margin-left:4px}label small{display:block;color:var(--muted);font-weight:400;margin-top:6px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.lettering-note{color:var(--muted);font-size:10px;line-height:1.6;margin:0 0 16px}fieldset{border:0;padding:0;margin:0 0 17px}legend{font-size:11px;font-weight:550;margin-bottom:10px}.swatches{display:flex;gap:10px}.swatch{display:grid;place-items:center;width:38px;height:38px;border:3px solid var(--surface);outline:1px solid var(--line);border-radius:50%;color:#fff}.swatch[aria-pressed=true]{outline:2px solid var(--accent)}.charcoal{background:#344142}.gray{background:#8b948a}.rose{background:#a27c71}.actions{display:flex;gap:6px;position:sticky;bottom:0;background:var(--surface);padding:9px 0;z-index:1}.actions .primary{flex:1}.remove{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;width:100%;background:transparent;color:var(--muted);font-size:11px}.field-error{color:var(--error);font-size:11px;line-height:1.6}.below{position:absolute;bottom:85px;left:24px;right:100px;max-width:780px;font-size:9px;line-height:1.6;color:var(--muted)}.below>span{display:block}.below>span+span{margin-top:3px}.text-link{padding:0;background:transparent;font-size:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:2px}.message{position:relative;z-index:2;margin:12px 24px;display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:10px 14px;font-size:12px;line-height:1.6}.message.error{color:var(--error)}.message .icon{margin-left:auto}footer{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:10px 24px;background:var(--bg);border-top:1px solid var(--line)}.footer-start{display:flex;align-items:center;gap:22px}.footer-note{font-size:9px;color:var(--muted)}.menu-button{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;font-size:11px;background:var(--surface)}nav{display:flex;align-items:center;gap:4px}nav button{display:flex;align-items:center;gap:7px;padding:10px;min-height:40px;background:transparent;color:var(--muted);border-radius:6px;font-size:11px}nav button.active{background:var(--soft);color:var(--ink)}.menu-pop{position:fixed;z-index:6;bottom:75px;left:24px;min-width:235px;padding:18px 10px 10px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.menu-pop p{padding-left:9px}.menu-pop button{display:flex;align-items:center;gap:10px;width:100%;padding:13px 10px;background:transparent;border-radius:5px;font-size:12px;text-align:left}.menu-pop button:hover{background:var(--soft)}dialog{width:410px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 32px);padding:26px;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}dialog::backdrop{background:#12251eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{font-family:Georgia,serif;font-size:28px}.empty{width:100%;padding:45px 20px;text-align:center;color:var(--muted)}.empty h2{margin-top:17px;color:var(--ink)}.empty p{font-size:12px;line-height:1.7}.collection{margin:20px 24px 80px;border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--surface)}.collection-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.list-card,.draft-card{display:flex;align-items:center;gap:16px;width:100%;min-width:0;margin:12px 0;padding:18px;text-align:left;background:transparent;border:1px solid var(--line);border-radius:7px}.list-card>span,.draft-card>div{flex:1;min-width:0;overflow-wrap:anywhere}.list-card strong,.draft-card strong{font-weight:550;font-size:14px}.list-card small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.draft-card{background:var(--soft)}.draft-card p{font-size:11px;color:var(--muted);margin-bottom:0;line-height:1.6}.order-status{margin:0;width:100px;flex:none;color:var(--muted)}.order-status select{margin-top:5px}.empty-text{padding:35px 12px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}@media (max-width: 900px){.footer-note{display:none}.is-editing .stones{padding-left:15px;padding-right:312px}.edit-tools{right:16px;width:270px}.stone-target{padding:8px}.starter-tools{top:129px;left:24px;right:auto}.add-popover{left:0;right:auto}.stones{padding-top:130px}}@media (max-width: 650px){header{height:60px;padding:8px 14px;gap:6px}.brand{font-size:21px;gap:6px}.brand-mark{width:23px;height:26px;font-size:24px}.pilot-label{display:none}.header-right{gap:2px}.header-right .primary,.header-right .quiet{font-size:10px;padding:9px}.header-right .primary svg{width:14px}.header-right .quiet svg{display:none}.shop-name{max-width:78px;font-size:9px}main{min-height:calc(100dvh - 60px)}.workspace,.canvas{min-height:calc(100dvh - 124px)}.canvas-top{padding:15px 14px;gap:7px}.canvas-top .eyebrow{font-size:7px;letter-spacing:.8px}.status{font-size:8px;max-width:152px}.design-name{left:14px;top:55px}.design-name input{font-size:15px;max-width:260px}.starter-tools{left:14px;top:112px}.starter-tools .quiet{min-height:38px;font-size:10px;padding:8px 10px}.stones{padding:125px 10px 135px;min-height:calc(100dvh - 218px)}.stone{max-height:310px}.measurement{font-size:9px;margin-top:-3px}.multi .stone-target{width:100%;min-width:0}.canvas-bottom{left:14px;right:14px;bottom:87px;font-size:9px}.canvas-bottom .quiet{min-height:38px;font-size:10px}.below{left:14px;right:14px;bottom:79px;font-size:8px}.edit-tools{left:12px;right:12px;top:auto;bottom:135px;width:auto;max-height:43dvh;padding:16px;scrollbar-gutter:auto}.is-editing .stones{align-items:flex-start;padding:52px 12px 0}.is-editing .stone{max-height:180px}.is-editing .design-name,.is-editing .canvas-bottom{display:none}.is-editing .below{bottom:75px}.field-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.field-grid input{padding:10px 6px}.field-grid label{font-size:9px}.field-grid label>span{margin-left:2px}.tool-heading h2{font-size:18px}.edit-tools .small{margin:8px 0 14px;font-size:11px}.edit-tools .actions{bottom:-1px}footer{padding:10px 14px;gap:5px}.menu-button{padding:9px;font-size:10px;gap:6px}.menu-button>svg:last-child{display:none}nav{gap:0}nav button{padding:10px}nav button span{display:none}.menu-pop{left:14px}.collection{margin:15px 14px 80px;padding:15px}.intro{margin:26px 14px 16px}.list-card,.draft-card{padding:14px;gap:10px}.list-card>svg,.draft-card>svg:first-child{display:none}.message{margin:10px 14px;font-size:11px}}@media (max-width: 350px){.header-right .primary{gap:5px}.header-right .primary svg{display:none}.shop-name{max-width:55px}.canvas-top .eyebrow{max-width:94px}.status{max-width:138px}.edit-tools{padding:13px}.field-grid{grid-template-columns:1fr 1fr}.field-grid label{font-size:10px}.list-card{flex-wrap:wrap}.order-status{width:100%}.canvas-bottom>span{max-width:170px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.canvas{background-image:none;overflow:hidden}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.scene-host canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-top,.canvas-bottom,.design-name{position:relative;z-index:1;pointer-events:none}.canvas-top{position:absolute;top:0;left:0;right:0}.design-name,.canvas-bottom{position:absolute}.canvas-top>*,.canvas-bottom>*,.design-name>*{pointer-events:auto}.object-strip{position:absolute;z-index:1;left:24px;bottom:170px;right:24px;display:flex;gap:7px;overflow-x:auto;padding:4px;scrollbar-width:thin}.object-strip .stone-target{display:flex;align-items:center;gap:9px;width:auto;max-width:none;flex:none;min-height:42px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:7px;font-size:11px;box-shadow:var(--shadow)}.object-strip .stone-target.selected{border-color:var(--accent)}.object-strip .stone-target>span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-strip small{color:var(--muted);font-size:10px}.scene-view-controls{position:absolute;z-index:1;bottom:118px;left:24px;right:24px;display:flex;align-items:center;gap:15px;color:var(--muted);font-size:10px}.scene-view-controls .quiet{border:1px solid var(--line);background:var(--surface);min-height:38px;font-size:11px}.webgl-unavailable{position:absolute;z-index:1;top:40%;left:12%;right:12%;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:13px;line-height:1.7}.empty-scene{color:var(--muted);font-size:12px;padding:12px;background:var(--surface);border-radius:6px}.is-editing .scene-host{right:320px}.is-editing .object-strip{right:325px}@media (max-width: 900px){.is-editing .scene-host{right:295px}.is-editing .object-strip{right:300px}}@media (max-width: 650px){.object-strip{left:10px;right:10px;bottom:190px}.object-strip .stone-target{gap:7px;font-size:10px;padding:9px}.object-strip .stone-target>span{max-width:115px}.object-strip small{font-size:9px}.scene-view-controls{left:14px;right:14px;bottom:143px;gap:10px;font-size:8px}.scene-view-controls .quiet{font-size:9px}.is-editing .scene-host{right:0;bottom:calc(43dvh + 65px)}.is-editing .object-strip{display:none}.is-editing .scene-view-controls{bottom:auto;top:48px;justify-content:flex-end}.is-editing .scene-view-controls>span{display:none}.is-editing .scene-view-controls .quiet{min-height:32px}}