:root{color:#222526;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f2f3f1;--surface:#fbfbf9;--ink:#222526;--muted:#777c79;--line:#dcded9;--accent:#946c47;background:#f2f3f1;font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box;letter-spacing:0}html,body,#app{width:100%;height:100%;min-height:100%}body{background:var(--paper);color:var(--ink);margin:0;overflow:hidden}button,a{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #315b75}.experience{opacity:0;grid-template-rows:66px minmax(0,1fr);width:100%;height:100svh;min-height:560px;animation:.8s ease-out forwards page-enter;display:grid}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fbfbf9f7;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:relative}.wordmark{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.wordmark__monogram{border:1px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-family:Baskerville,Times New Roman,serif;font-size:20px;display:grid}.wordmark strong,.wordmark small{display:block}.wordmark strong{font-family:Baskerville,Times New Roman,serif;font-size:16px;font-weight:500}.wordmark small{color:var(--muted);margin-top:1px;font-size:9px}.reset-command{color:#555a57;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b8bbb7;padding:8px 0;font-size:11px}.reset-command:hover{border-color:var(--ink);color:var(--ink)}.workspace{grid-template-columns:minmax(0,1.7fr) minmax(350px,.72fr);min-height:0;display:grid}.stage{background:#f0f1ef;min-width:0;min-height:0;position:relative;overflow:hidden}.stage:before,.stage:after{z-index:0;content:"";pointer-events:none;background:#5a605e13;width:1px;position:absolute;top:0;bottom:0}.stage:before{left:33.333%}.stage:after{right:33.333%}.stage__canvas,.stage__canvas canvas{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage__loading{z-index:10;background:#f0f1ef;align-content:center;justify-items:center;gap:16px;transition:opacity .65s,visibility .65s;display:grid;position:absolute;inset:0}.experience[data-ready=true] .stage__loading{visibility:hidden;opacity:0}.stage__loading.has-error{color:#743934}.loader-mark{border:1px solid #858a87;border-radius:50%;place-items:center;width:44px;height:44px;font-family:Baskerville,Times New Roman,serif;font-size:25px;display:grid}.stage__loading p{color:#666b68;margin:0;font-size:11px}.loader-line{background:#d0d3cf;width:140px;height:1px;overflow:hidden}.loader-line i{background:var(--ink);transform-origin:0;width:100%;height:100%;transition:transform .2s ease-out;display:block;transform:scaleX(.05)}.fullscreen-button{z-index:5;color:#505552;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9f9f7e0;border:1px solid #74787547;border-radius:4px;place-items:center;width:38px;height:38px;font-size:20px;line-height:1;display:grid;position:absolute;top:23px;right:23px}.fullscreen-button:hover{color:#111;background:#fff}.stage__caption{z-index:4;color:#777c79;pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.controls{border-left:1px solid var(--line);background:var(--surface);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.controls__header{border-bottom:1px solid var(--line);padding:46px 36px 34px}.controls__header p{color:var(--accent);text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:600}.controls__header h1{max-width:370px;margin:0;font-family:Baskerville,Times New Roman,serif;font-size:34px;font-weight:400;line-height:1.06}.controls__groups{scrollbar-color:#bfc2be transparent;scrollbar-width:thin;min-height:0;padding:8px 36px;overflow-y:auto}.control-group{border-bottom:1px solid var(--line);padding:24px 0 27px}.control-group:last-child{border-bottom:0}.control-group__heading{align-items:baseline;gap:10px;margin-bottom:17px;display:flex}.control-group__heading span{color:var(--accent);font-size:9px}.control-group__heading h2{margin:0;font-family:Baskerville,Times New Roman,serif;font-size:19px;font-weight:400}.swatch-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.swatch-option{color:#646966;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-items:center;gap:8px;min-width:0;min-height:77px;padding:10px 5px 8px;font-size:9px;display:grid;position:relative}.swatch-option:hover{border-color:var(--line);color:var(--ink);background:#fff}.swatch-option.is-selected{color:var(--ink);background:#fff;border-color:#8a8f8c}.swatch-option.is-selected:after{border:3px solid var(--ink);content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.swatch-option__color{border:1px solid #1f232524;border-radius:50%;width:38px;height:38px;box-shadow:inset 0 1px 2px #ffffff8c}.swatch-option>span:last-child{overflow-wrap:anywhere;text-align:center;max-width:100%;line-height:1.15}.controls__specification{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);min-height:62px;display:grid}.controls__specification span{border-right:1px solid var(--line);color:#727774;place-items:center;font-size:9px;display:grid}.controls__specification span:last-child{border-right:0}@keyframes page-enter{to{opacity:1}}@media (width<=900px){.experience{grid-template-rows:58px minmax(0,1fr);min-height:540px}.topbar{padding:0 18px}.workspace{grid-template-rows:minmax(300px,52svh) minmax(0,1fr);grid-template-columns:1fr}.controls{border-top:1px solid var(--line);border-left:0}.controls__header{padding:18px 20px 15px}.controls__header p{margin-bottom:5px}.controls__header h1{font-size:25px}.controls__groups{grid-template-columns:repeat(3,minmax(220px,1fr));gap:22px;padding:0 20px;display:grid;overflow:auto hidden}.control-group{border-right:1px solid var(--line);border-bottom:0;padding:18px 0}.control-group:last-child{border-right:0}.controls__specification{min-height:46px}.fullscreen-button{top:14px;right:14px}.stage__caption{bottom:12px;left:14px;right:14px}}@media (width<=540px){.workspace{grid-template-rows:minmax(285px,48svh) minmax(0,1fr)}.controls__header h1{font-size:22px}.controls__groups{grid-template-columns:repeat(3,minmax(250px,1fr))}}@media (height<=700px) and (width>=901px){.experience{grid-template-rows:58px minmax(0,1fr)}.controls__header{padding-top:28px;padding-bottom:24px}.controls__header h1{font-size:29px}.control-group{padding-top:16px;padding-bottom:18px}.swatch-option{min-height:68px;padding-top:7px}.swatch-option__color{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}