@font-face{font-family:Yuji Syuku;src:url(/fonts/yuji-syuku.woff2) format("woff2");font-display:swap}:root{--ink:#203a43;--muted:#74858d;--line:#d8e1e5;--paper:#fff;--stage:#e8eff2;--panel:#183139;--panel-deep:#122930;--accent:#c5dce4;--ui:"Hiragino Sans","Yu Gothic",system-ui,sans-serif;--serif:"Yu Mincho","Hiragino Mincho ProN","Yuji Syuku",serif}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:var(--ui);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}body{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.34}button,input,select,textarea{border-radius:5px}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #62a2b7;outline-offset:3px}button:focus:not(:focus-visible){outline:none}button svg{flex-shrink:0}button{transition:background .14s,color .14s,border-color .14s}button:disabled:hover{background:inherit}a{color:inherit}h1,h2,h3,p{margin-top:0}.studio{height:100dvh;display:grid;grid-template-columns:328px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);background:var(--stage);overflow:hidden}.app-header{grid-column:1/-1;display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);padding:0 24px;gap:24px;z-index:20}.brand{display:flex;align-items:center;gap:13px;border:0;background:none;padding:0;min-width:280px;text-align:left}.brand-seal{width:32px;height:38px;border:1px solid #3c6877;color:#3c6877;display:grid;place-items:center;font-family:var(--serif);font-size:20px;position:relative}.brand-seal:after{content:"";inset:3px;border:1px solid #aec4cc;position:absolute;pointer-events:none}.brand-name{font-family:var(--serif);font-size:23px;letter-spacing:.13em;white-space:nowrap;display:flex;align-items:center;gap:17px}.brand-name small{font-family:var(--ui);font-size:12px;font-weight:400;letter-spacing:.13em;border-left:1px solid #d5dfe3;padding-left:17px}.project-heading{flex:1;min-width:0}.project-heading button{padding:0;border:0;background:none;text-align:left;max-width:100%}.project-heading strong{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-heading span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.project-heading .header-divider{display:inline;margin:0 8px;color:#b4c3ca}.header-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.save-state{font-size:12px;color:#698991;margin-right:4px}.save-state.dirty{color:#9a8060}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;padding:0;flex-shrink:0}.icon-button:hover{background:#e9eff2}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid #ccd9df;background:#fff;color:var(--ink);font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap}.button:hover{background:#edf3f6;border-color:#b3c5ce}.button.primary{background:#234b5a;border-color:#234b5a;color:#fff}.button.primary:hover{background:#173b49}.button.subtle{background:transparent;border-color:transparent;color:inherit}.button.full{width:100%}.header-actions .output-button{margin-left:6px}.header-actions .customer-button{font-size:13px}.header-actions .save-button{border-color:transparent;background:#edf3f5}.editor{background:var(--panel);color:#e0eaee;display:flex;flex-direction:column;overflow:hidden;min-height:0;z-index:10;border-right:1px solid #2a4650}.editor-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 12px;background:var(--panel-deep);flex-shrink:0;border-bottom:1px solid #29434d}.editor-tabs button{height:72px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:none;border:0;border-radius:0;color:#99b0bb;position:relative;font-size:14px}.editor-tabs button.active{color:#e5f3f8}.editor-tabs button.active:after{content:"";height:2px;background:#a6cad8;position:absolute;left:15px;right:15px;bottom:0}.editor-tabs button:hover{background:#1c3843}.editor-body{overflow:auto;flex:1;padding:26px 22px 40px;scrollbar-width:thin;scrollbar-color:#46616d transparent}.panel-heading{margin-bottom:22px}.overline{display:block;color:#8eabb9;font-size:11px;letter-spacing:.19em;margin-bottom:11px}.panel-heading h1{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:.1em;margin-bottom:9px}.panel-heading p{font-size:12px;color:#9db5c0;line-height:1.7;margin-bottom:0}.segmented{display:flex;border:1px solid #3b5561;border-radius:5px;padding:3px;margin-bottom:18px;background:#112a34}.segmented button{flex:1;min-height:33px;border:0;background:transparent;color:#a9bec8;font-size:13px;padding:7px}.segmented button.active{background:#d8e7ed;color:#244755;box-shadow:0 1px 3px #0001}.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.model-card{display:flex;flex-direction:column;background:#264550;border:1px solid #3b5663;border-radius:6px;padding:0 0 12px;color:#dce9ef;position:relative;overflow:hidden;min-width:0;text-align:left;transition:transform .16s}.model-card:hover{border-color:#8cadba;transform:translateY(-1px)}.model-card.selected{border-color:#bddbe9;box-shadow:0 0 0 1px #bddbe9}.model-thumb{height:104px;background:#f2f5f6;width:100%;display:grid;place-items:center;margin-bottom:9px}.model-thumb svg{width:100%;height:100%;display:block}.model-card>span{font-size:12px;line-height:1.6;padding:0 10px;letter-spacing:.025em}.card-check{position:absolute;right:6px;top:6px;background:#234b5a;color:#f5fbff;border-radius:50%;padding:2px;width:19px;height:19px}.quiet-note{display:flex;align-items:flex-start;gap:7px;padding:13px 0;color:#98b0ba;line-height:1.7;font-size:12px}.quiet-note svg{flex-shrink:0;margin-top:3px}.fold{border-top:1px solid #35525f;margin-top:15px}.fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:14px;cursor:pointer;color:#cedfe7;gap:12px}.fold>summary::-webkit-details-marker{display:none}.fold[open]>summary svg{transform:rotate(180deg)}.fold-body{padding-bottom:4px}.field{display:block;margin:0 0 15px;min-width:0;color:inherit}.field>span{display:block;font-size:12px;color:#a7bec8;margin-bottom:7px;line-height:1.4}.input-wrap,.select-wrap{position:relative}.input-wrap input,.select-wrap select,.field textarea{width:100%;min-height:39px;padding:9px 11px;background:#112b35;border:1px solid #3f5a68;color:#f1f6f9;border-radius:4px;font-size:14px;line-height:1.4;outline-offset:1px}.input-wrap:has(small) input{padding-right:35px}.input-wrap small{position:absolute;right:10px;top:12px;font-size:11px;color:#96afba;pointer-events:none}.select-wrap select{appearance:none;padding-right:30px}.select-wrap svg{position:absolute;right:11px;top:13px;pointer-events:none;color:#95b1be}.field input:hover,.select-wrap select:hover{border-color:#7594a2}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px}.field-grid.three input{padding:9px 6px}.dimension-head,.dimension-row{display:grid;grid-template-columns:38px repeat(3,minmax(0,1fr));gap:5px;align-items:center}.dimension-head{font-size:11px;color:#8facb9;margin-bottom:8px}.dimension-row>span{font-size:12px}.dimension-row .field{margin-bottom:8px}.dimension-row .field>span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.dimension-row input{padding:8px 4px;text-align:center;font-size:13px;-moz-appearance:textfield}.dimension-row input::-webkit-inner-spin-button{appearance:none}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-height:43px;padding:10px 0;border-bottom:1px solid #304a55;margin-bottom:12px;position:relative;font-size:14px}.toggle-row>span small{display:block;font-size:12px;color:#97b1bd;margin-top:5px}.toggle-row input{position:absolute;right:0;width:35px;height:21px;opacity:0;cursor:pointer;margin:0}.toggle-row i{width:35px;height:21px;background:#4c646f;border-radius:13px;flex-shrink:0;padding:3px;transition:background .16s}.toggle-row i:before{content:"";width:15px;height:15px;background:#d7e4eb;border-radius:50%;display:block;transition:transform .16s}.toggle-row input:checked+i{background:#80aabd}.toggle-row input:checked+i:before{transform:translate(14px);background:#fff}.toggle-row input:focus-visible+i{outline:3px solid #86c1d5;outline-offset:3px}.editor .button{background:#294a58;color:#e2edf2;border-color:#456775;width:100%;margin:5px 0;font-size:13px}.editor .button:hover{background:#365c6e}.editor .button.subtle{border-color:transparent;background:transparent;color:#b7d0db}.editor-footer{display:flex;align-items:center;gap:14px;height:53px;flex-shrink:0;background:#122a33;border-top:1px solid #34505c;padding:0 22px}.editor-footer button{border:0;background:none;color:#b6ccd6;display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px}.editor-footer span{color:#6b8a99;font-size:10px;margin-left:auto}.editor-footer button:nth-child(2){margin-left:auto}.editor-footer span{margin-left:0}.panel-divider{height:1px;background:#36535f;margin:22px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.section-title h2{font-size:15px;font-weight:500;margin:0}.section-title>span{font-size:12px;color:#99b5c2}.help-text{font-size:12px;line-height:1.8;color:#94acb8;margin:13px 0}.stone-list{display:grid;gap:12px;margin:20px 0 8px}.stone-card{display:flex;align-items:center;gap:12px;background:#25444f;border:1px solid #3d5b68;border-radius:5px;color:#dfeef4;text-align:left;padding:11px 10px;min-width:0}.stone-card.selected{border-color:#abcad9;background:#2a4c5c}.stone-card>svg{color:#b8d8e7;flex-shrink:0}.stone-swatch{display:block;width:53px;height:58px;border-radius:2px;flex-shrink:0;box-shadow:inset 0 0 0 1px #fff2;overflow:hidden;position:relative}.swatch-glint{position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#ffffff36 42%,transparent 58%);border-bottom:4px solid #0002}.stone-copy{min-width:0;flex:1}.stone-copy strong{display:block;font-family:var(--serif);font-size:17px;font-weight:400;letter-spacing:.045em;line-height:1.5}.stone-copy small{display:block;font-size:11px;color:#a4becb;margin-top:4px;line-height:1.55}.selection-ring{border:1px solid #647d8a;width:19px;height:19px;border-radius:50%;flex-shrink:0}.gravel-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gravel-choices button{display:flex;align-items:center;gap:8px;border:1px solid #3c5967;background:#213e4b;color:#afc7d3;padding:9px;font-size:13px}.gravel-choices button.active{border-color:#a3c3d3;color:#e5f4fb}.gravel-choices i{width:16px;height:16px;border-radius:50%;display:block}.engraving-entry,.existing-card{padding:13px;border:1px solid #3e5b69;margin:12px 0 18px;border-radius:5px;background:#16323f}.entry-title{display:flex;align-items:center;gap:8px;margin-bottom:15px}.entry-title>span{font-size:11px;color:#83a4b5}.entry-title strong{font-size:13px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-title .icon-button{color:#9ab6c5;margin-left:auto}.entry-title .icon-button:hover{background:#294b5b}.text-button{border:0;background:none;padding:0;color:inherit;font-size:14px}.placement-card{padding:15px 12px;background:#264653;border-radius:5px;margin-bottom:14px}.placement-card h3{font-size:15px;font-weight:500;margin-bottom:15px}.lock-note{display:flex;align-items:center;gap:7px;font-size:12px;color:#a0bfce}.inline-error{border:1px solid #a3675f;border-radius:4px;color:#f0c3bd;font-size:13px;line-height:1.65;padding:12px;margin:15px 0;background:#5e3e382a}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;padding:0;background:var(--stage);overflow:hidden}.workspace-top{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4dfe4;padding:0 26px;gap:12px;flex-shrink:0;background:#f7fafb;z-index:4}.workspace-tabs,.workspace-tools{display:flex;align-items:center;gap:8px}.workspace-tabs>button:not(.icon-button),.workspace-tools>button:not(.icon-button){height:34px;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:8px 11px;color:#758990;font-size:13px;border-radius:4px;white-space:nowrap}.workspace-tabs>button.active,.workspace-tools>button.active{color:#204958;background:#e4eef2}.workspace-tabs>button:hover,.workspace-tools>button:hover{background:#e9f1f4;color:#244752}.viewport{flex:1;position:relative;min-height:0;isolation:isolate;overflow:hidden}.scene-stage{width:100%;height:100%;grid-template-columns:minmax(0,1fr)}.scene-stage.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.active-scene,.compare-scene{position:relative;min-width:0;min-height:0}.compare-scene{border-right:1px solid #bfcfd7}.scene-view,.scene-host{width:100%;height:100%;position:relative;overflow:hidden}.scene-view .scene-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.scene-host>svg{display:block;width:100%;height:100%}.viewport-caption{position:absolute;left:34px;top:30px;z-index:3;pointer-events:none}.viewport-caption>span{font-size:10px;color:#79909c;letter-spacing:.21em}.viewport-caption h2{font-family:var(--serif);font-size:31px;font-weight:400;letter-spacing:.11em;margin:11px 0 7px;color:#314c58}.viewport-caption h2 small{display:block;font-size:12px;letter-spacing:.16em;margin-top:8px}.viewport-caption p{display:flex;align-items:center;gap:9px;font-size:12px;color:#78919e;margin-top:17px}.viewport-caption p i{width:1px;height:9px;background:#afc3cc}.camera-bar{display:flex;align-items:center;gap:2px;position:absolute;left:50%;bottom:48px;transform:translate(-50%);z-index:5;border:1px solid #c7d6def0;box-shadow:0 5px 20px #1c3c4c0a;background:#f9fbfcf0;border-radius:7px;padding:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.camera-bar>button:not(.icon-button){background:none;border:0;border-radius:4px;color:#6f8691;padding:9px 12px;font-size:12px}.camera-bar>button.active{background:#2b5365;color:#f0f9ff}.camera-bar>button:hover{background:#dfeaf0;color:#254959}.camera-bar>.icon-button{width:30px;height:30px;color:#829aa6;border-left:1px solid #dce5ea;border-radius:0;margin-left:4px;padding-left:3px}.viewport-bottom{position:absolute;bottom:17px;left:28px;right:26px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:4;color:#869aa5;font-size:11px}.viewport-bottom>span{display:flex;align-items:center;gap:10px}.viewport-bottom i{width:1px;height:9px;background:#aebfc8}.viewport-bottom button{display:flex;gap:6px;align-items:center;pointer-events:auto;background:#f5fafce0;border:1px solid #ccdae1;color:#7592a2;font-size:11px;border-radius:20px;padding:6px 10px}.render-note{position:absolute;right:22px;top:18px;font-size:10px;color:#8299a5;pointer-events:none;background:#f6f9faad;padding:6px 9px;border-radius:4px}.scene-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;font-size:13px;color:#5d7b8d;background:var(--stage)}.scene-loading span,.spinner{height:28px;width:28px;border-radius:50%;border:2px solid #d0dfe6;border-top-color:#426b81;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-fallback{position:absolute;inset:0;display:flex;flex-direction:column;background:#eef3f5;padding:50px}.scene-fallback svg{width:100%;height:90%}.scene-fallback span{font-size:12px;text-align:center}.design-footer{height:55px;flex-shrink:0;background:#f8fbfc;border-top:1px solid #d1dde4;display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:16px;z-index:5}.dimension-summary{display:flex;align-items:center;gap:24px;color:#7a919e;font-size:12px}.dimension-summary>span{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.dimension-summary b{font-weight:500;font-family:var(--ui);font-variant-numeric:tabular-nums;font-size:13px;color:#3b5e70}.dimension-summary small{font-size:10px;color:#8ba1ad}.validation-pill{border:0;background:#eaf1f4;color:#678393;font-size:11px;padding:6px 9px;display:flex;align-items:center;gap:6px;border-radius:4px;white-space:nowrap}.validation-pill.error{color:#aa5d50;background:#f8ede9}.scene-label{position:absolute;left:20px;right:20px;top:20px;z-index:5;display:flex;align-items:center;gap:9px;pointer-events:none}.scene-label b{font-size:12px;border:1px solid #b4c9d5;display:grid;place-items:center;width:25px;height:25px;border-radius:4px;background:#f7fafc;color:#526f81}.scene-label>span{font-size:14px;font-weight:500}.scene-label small{font-size:10px;color:#869eab;margin-left:auto}.compare-differences{display:flex;align-items:center;gap:12px;padding:11px 22px;background:#f0f6f9;border-top:1px solid #cbdbe4;font-size:11px;color:#6d899a;flex-shrink:0;overflow-x:auto}.compare-differences>span{white-space:nowrap}.compare-differences strong{font-size:11px;color:#304f63;font-weight:500;margin-right:8px}.compare-differences>span:first-child{border-right:1px solid #cddde7;padding-right:12px;color:#3c6076}.compare-differences button{margin-left:auto;border:0;background:none;display:flex;align-items:center;padding:0}.phase-switch{position:absolute;z-index:6;right:26px;top:78px;display:flex;padding:3px;border:1px solid #c8d9e2;border-radius:5px;background:#f7fafcf2;box-shadow:0 3px 12px #23435e06}.phase-switch button{font-size:12px;padding:7px 11px;background:none;border:0;color:#6b8799}.phase-switch button.active{background:#2d586f;color:#e3f3fc}.drawing-workspace{height:100%;padding:22px 26px 15px;display:flex;flex-direction:column;background:#e6eef3;overflow:auto}.drawing-tabs{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-bottom:15px}.drawing-tabs button{border:1px solid transparent;background:none;padding:8px 12px;font-size:12px;color:#647e91}.drawing-tabs button.active{background:#fff;border-color:#d0dce5;color:#355b75}.drawing-tabs small{font-size:10px;margin-left:auto;color:#8b9eac}.drawing-paper{background:#fff;border:1px solid #cad9e3;box-shadow:0 5px 20px #314d6d07;flex:1;min-height:300px;display:flex;overflow:hidden}.drawing-paper svg{width:100%;height:100%;min-height:0;display:block}.drawing-help{text-align:center;font-size:11px;color:#7b92a4;margin:10px 0 0;flex-shrink:0}.lettering-sheet{background:#fff;border:1px solid #c9dbe7;margin:25px auto;padding:25px 35px;width:calc(100% - 60px);max-width:1000px;height:calc(100% - 50px);overflow:auto}.sheet-meta{display:flex;justify-content:space-between;font-size:11px;color:#7790a5;border-bottom:1px solid #d4e2ed;padding-bottom:14px}.front-lettering{font-family:var(--serif);font-size:clamp(28px,5vw,58px);letter-spacing:.14em;text-align:center;margin:35px auto;color:#344555;min-height:70px;max-height:300px}.lettering-sheet svg{width:100%;max-height:440px}.sheet-note{color:#8398a9;font-size:11px;text-align:center;margin-top:20px}.muted{color:#8698a8;text-align:center;font-size:13px}.customer-mode{grid-template-columns:minmax(0,1fr)}.customer-mode .app-header{height:76px}.customer-mode .brand{min-width:270px}.customer-mode .workspace-top{padding-left:30px}.customer-mode .viewport-caption{left:42px;top:36px}.customer-mode .viewport-caption h2{font-size:38px}.customer-mode .design-footer{height:52px}.panel-closed:not(.customer-mode){grid-template-columns:minmax(0,1fr)}.panel-closed .editor{display:none}.panel-closed .app-header,.panel-closed .workspace{grid-column:1/-1}.modal-scrim{position:fixed;inset:0;background:#102d426b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:70}.modal{width:min(560px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#fcfdfe;border:1px solid #d4e0e9;border-radius:9px;box-shadow:0 25px 80px #0f26353b;outline:none}.modal.wide{width:min(1000px,100%)}.modal>header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:19px 24px;border-bottom:1px solid #e0e8ee}.modal>header h2{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:.06em;margin:0}.modal-body{padding:24px;overflow:auto;min-height:0}.modal>footer{padding:15px 24px;border-top:1px solid #dbe6ee;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.modal>footer>span{font-size:12px;margin-right:auto;color:#7b93a4}.modal .field>span{color:#6a8396;font-size:12px}.modal .input-wrap input,.modal .select-wrap select{background:#f2f6f9;color:#26475f;border-color:#cbdbe7}.modal .field-grid{gap:0 17px}.modal .help-text{color:#8197a7}.modal .panel-divider{background:#dce7ef}.modal .inline-error{color:#9c554a;background:#faf0ed;border-color:#e2c7bf}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin:20px 0}.search-field{display:flex;align-items:center;gap:10px;border:1px solid #d0dfe9;padding:11px 14px;border-radius:5px;background:#f3f7fa;color:#8ba0af}.search-field input{background:none;border:0;outline:none;color:#294c65;flex:1;min-width:0;font-size:14px}.project-list{margin:16px 0}.project-row{display:flex;align-items:center;gap:6px;border-bottom:1px solid #dfe9f0;padding:8px 0}.project-row>button:first-child{display:flex;align-items:center;gap:14px;padding:13px 8px;border:0;background:none;flex:1;min-width:0;text-align:left}.project-row>button:first-child:hover{background:#eef4f8}.project-initial{width:39px;height:44px;display:grid;place-items:center;background:#e3edf4;color:#5d7b92;font-family:var(--serif);font-size:20px}.project-row div{flex:1;min-width:0}.project-row strong{display:block;font-size:15px}.project-row div>span{display:block;font-size:12px;color:#8196a8;margin-top:5px;line-height:1.7}.empty-state{padding:50px 20px 35px;display:flex;align-items:center;flex-direction:column;text-align:center;color:#829caf}.empty-state h3{color:#395970;font-size:18px;font-weight:500;margin:20px 0 8px}.empty-state p{font-size:13px;line-height:1.7;max-width:340px;margin-bottom:22px}.spec-list{margin:0 0 20px}.spec-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e0e8ef;padding:13px 0;font-size:13px}.spec-list dt{color:#7d94a5;flex-shrink:0}.spec-list dd{margin:0;text-align:right;line-height:1.65}.issue{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f6f3ee;color:#977d57;border:1px solid #e7dccc;border-radius:4px;margin:10px 0}.issue svg{flex-shrink:0;margin-top:3px}.issue p{font-size:12px;line-height:1.75;margin:0}.issue.error{color:#a0574c;background:#fbf0ed;border-color:#e6c6bc}.output-overview{display:flex;align-items:center;gap:18px;margin:0 0 26px;padding:20px;background:#eaf2f7;border:1px solid #d5e3ed;border-radius:5px;color:#65849a}.output-overview h3{font-family:var(--serif);color:#3f617a;font-size:20px;font-weight:400;margin:0 0 7px}.output-overview p{font-size:12px;margin:0;color:#7f98aa}.output-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.pdf-preview{width:100%;height:64dvh;border:1px solid #d0dfe9;border-radius:3px;background:#edf3f7}.stone-editor-row{display:grid;grid-template-columns:65px 1fr;gap:20px;border-bottom:1px solid #dce7ef;padding:18px 0}.stone-editor-row>input{width:60px;height:70px;background:#e9f1f6;border:0;padding:0}.toast{position:fixed;bottom:76px;left:50%;transform:translate(-50%);z-index:90;max-width:min(620px,90vw);display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:6px;background:#1f4559;color:#edf8ff;box-shadow:0 10px 30px #20395426;font-size:13px;line-height:1.65}.toast svg{flex-shrink:0}.toast button{display:grid;place-items:center;border:0;background:none;color:inherit;padding:0;margin-left:12px}.toast.error{background:#835144}.busy-overlay{position:fixed;inset:0;z-index:100;background:#eef4f8eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#45667e}.busy-overlay strong{font-size:18px;font-weight:500}.busy-overlay span{font-size:12px;color:#8099ac}.fatal{padding:50px}.fatal p{font-size:15px}.fatal pre{font-size:12px;white-space:pre-wrap}@media(min-width:1600px){.studio{grid-template-columns:348px minmax(0,1fr)}.editor-body{padding-left:26px;padding-right:26px}.brand{min-width:300px}.viewport-caption{left:44px;top:40px}.viewport-caption h2{font-size:37px}}@media(max-width:1180px){.brand{min-width:220px}.brand-name{font-size:21px;gap:11px}.brand-name small{display:none}.app-header{padding:0 18px;gap:17px}.header-actions .save-state,.header-actions .customer-button span{display:none}.header-actions .customer-button{padding:9px}.dimension-summary{gap:15px}.dimension-summary>span:nth-child(2){display:none}.workspace-top{padding:0 18px}.viewport-caption{left:25px;top:25px}.workspace-tabs{gap:3px}.workspace-tabs>button:not(.icon-button){padding:8px}.viewport-caption h2{font-size:28px}.camera-bar>button:not(.icon-button){padding:8px 9px}}@media(max-width:960px){.studio{grid-template-columns:286px minmax(0,1fr);grid-template-rows:66px minmax(0,1fr)}.brand{min-width:180px}.brand-name{font-size:20px}.brand-seal{width:27px;height:33px;font-size:18px}.app-header{gap:12px;padding:0 14px}.project-heading strong{font-size:13px}.project-heading span{font-size:11px}.header-actions{gap:3px}.header-actions .save-button,.header-actions .output-button{font-size:12px;padding:8px 10px}.header-actions .icon-button{width:29px}.editor-body{padding:22px 16px 35px}.editor-tabs{padding:0 9px}.editor-tabs button{height:64px}.workspace-top{padding:0 12px;height:56px}.workspace-tools>button span{display:none}.workspace-tools{gap:3px}.workspace-tabs>button:not(.icon-button){gap:5px;font-size:12px}.viewport-caption>span{font-size:9px}.viewport-caption h2{font-size:25px}.viewport-caption p{font-size:11px}.dimension-summary{font-size:11px;gap:10px}.dimension-summary b{font-size:12px}.dimension-summary>span:nth-child(3){display:none}.design-footer{padding:0 16px}.camera-bar>button:not(.icon-button){padding:8px;font-size:11px}.viewport-bottom>span{font-size:10px}.viewport-bottom{left:18px;right:16px}.render-note{top:9px;right:12px;font-size:9px}.phase-switch{top:68px;right:13px}.phase-switch button{padding:5px 7px;font-size:11px}}@media(max-width:700px){html,body,#root{font-size:14px}.studio{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app-header{height:61px;min-height:61px;padding:0 12px;gap:12px;flex-shrink:0}.brand{min-width:0;gap:7px}.brand-name{font-size:18px;letter-spacing:.05em}.brand-seal{width:24px;height:28px;font-size:15px}.project-heading{min-width:40px}.project-heading strong{font-size:12px}.project-heading span{font-size:10px}.header-actions .icon-button,.header-actions .save-button,.header-actions .customer-button{display:none}.header-actions .output-button{height:33px;min-height:33px;padding:7px 9px;margin:0;font-size:12px}.header-actions .output-button svg{width:14px}.workspace{order:2;flex:1;min-height:210px}.editor{order:3;height:42dvh;max-height:420px;min-height:180px;border-right:0;border-top:1px solid #35525f;flex-shrink:0;box-shadow:0 -5px 22px #122a3410}.editor-tabs{height:51px;min-height:51px;padding:0 15px}.editor-tabs button{height:51px;flex-direction:row;gap:7px;font-size:13px}.editor-tabs button svg{width:16px}.editor-tabs button.active:after{left:22px;right:22px}.editor-body{padding:18px 19px 30px}.panel-heading{margin-bottom:14px}.panel-heading .overline{display:none}.panel-heading h1{font-size:23px;margin-bottom:7px}.panel-heading p{display:none}.editor-footer{height:38px;min-height:38px;padding:0 20px}.editor-footer button{font-size:11px}.editor-footer button:nth-child(2){margin-left:0}.editor-footer span{margin-left:auto}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.model-thumb{height:82px;margin-bottom:7px}.model-card{padding-bottom:9px}.model-card>span{font-size:11px;padding:0 8px;line-height:1.5}.segmented{margin-bottom:14px}.workspace-top{height:43px;min-height:43px;padding:0 9px}.workspace-tabs{gap:0}.workspace-tabs>button:not(.icon-button){height:31px;padding:6px 7px;font-size:11px;gap:5px}.workspace-tabs button svg{width:14px}.workspace-tabs .icon-button{width:26px;height:29px}.workspace-tools{gap:0}.workspace-tools>button:not(.icon-button){padding:5px 6px}.workspace-tools .icon-button{width:29px;height:29px}.viewport-caption{left:18px;top:16px}.viewport-caption>span{font-size:8px;letter-spacing:.15em}.viewport-caption h2{font-size:22px;margin-top:6px}.viewport-caption h2 small{display:none}.viewport-caption p{font-size:10px;margin-top:8px;gap:6px}.render-note{font-size:8px;top:9px;right:9px;padding:3px 5px}.camera-bar{bottom:11px;padding:3px;border-radius:5px;gap:0;max-width:95%;box-shadow:0 2px 10px #26415009}.camera-bar>button:not(.icon-button){font-size:10px;padding:6px 8px}.camera-bar>.icon-button{width:24px;height:23px;padding:0;margin-left:2px}.camera-bar>.icon-button svg{width:13px}.viewport-bottom{display:none}.design-footer{height:36px;min-height:36px;padding:0 13px;gap:5px}.dimension-summary{font-size:10px}.dimension-summary b{font-size:11px}.dimension-summary small{font-size:9px}.dimension-summary>span{gap:5px}.validation-pill{font-size:9px;padding:4px 6px;gap:4px}.validation-pill svg{width:12px}.phase-switch{top:49px;right:9px;padding:2px}.phase-switch button{font-size:9px;padding:5px 6px}.panel-closed .editor{display:none}.panel-closed .workspace{height:calc(100dvh - 61px)}.customer-mode .app-header{height:61px}.customer-mode .brand{min-width:0}.customer-mode .header-actions .customer-button{display:flex;font-size:11px;padding:7px;min-height:33px}.customer-mode .header-actions .customer-button span{display:none}.customer-mode .workspace{height:calc(100dvh - 61px)}.customer-mode .workspace-top{padding-left:12px}.customer-mode .viewport-caption{left:22px;top:24px}.customer-mode .viewport-caption h2{font-size:31px}.customer-mode .design-footer{height:38px}.customer-mode .camera-bar{bottom:23px}.scene-stage.split{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-label{left:9px;right:9px;top:12px;gap:5px}.scene-label b{width:20px;height:20px;font-size:10px}.scene-label>span{font-size:11px}.scene-label small{display:none}.comparing .render-note{top:42px;right:6px;font-size:7px}.compare-differences{padding:7px 12px;font-size:9px;gap:8px}.compare-differences strong{font-size:9px;margin-right:5px}.stone-list{grid-template-columns:1fr;margin-top:12px}.stone-card{padding:9px 12px}.stone-swatch{width:45px;height:47px}.stone-copy strong{font-size:16px}.drawing-workspace{padding:8px 10px 5px}.drawing-tabs{gap:0;margin-bottom:7px;overflow-x:auto}.drawing-tabs button{font-size:10px;padding:6px 8px;white-space:nowrap}.drawing-tabs small{display:none}.drawing-paper{min-height:150px}.drawing-help{font-size:9px;margin:5px 0 0;line-height:1.6}.lettering-sheet{width:calc(100% - 20px);height:calc(100% - 20px);margin:10px;padding:14px 18px}.sheet-meta{font-size:9px;gap:10px;padding-bottom:10px}.front-lettering{font-size:25px;margin:15px auto;max-height:180px}.lettering-sheet svg{min-height:160px}.sheet-note{font-size:9px;line-height:1.7}.modal-scrim{padding:12px}.modal{max-height:calc(100dvh - 24px);border-radius:7px}.modal>header{padding:15px 17px}.modal>header h2{font-size:20px}.modal-body{padding:18px}.modal>footer{padding:12px 16px;gap:7px;flex-wrap:wrap}.modal>footer .button{font-size:12px;min-height:35px;padding:8px 10px}.modal .field-grid{gap:0 12px}.modal .field input{font-size:16px}.project-row>button:first-child{gap:10px}.project-row strong{font-size:14px}.project-row div>span{font-size:10px}.project-initial{width:29px;height:36px;flex-shrink:0}.project-row .icon-button{width:28px}.empty-state{padding:35px 10px 20px}.empty-state p{font-size:12px}.output-overview{padding:16px;gap:14px}.output-overview h3{font-size:18px}.output-overview p{font-size:10px}.output-actions{gap:8px}.output-actions .button{font-size:12px}.spec-list>div{gap:15px;font-size:12px}.stone-editor-row{grid-template-columns:40px 1fr;gap:13px}.stone-editor-row>input{width:40px;height:50px}.toast{bottom:calc(42dvh + 13px);padding:10px 12px;font-size:12px;max-width:92vw;min-width:260px}.customer-mode .toast,.panel-closed .toast{bottom:65px}.busy-overlay strong{font-size:16px}.busy-overlay span{font-size:12px}}@media(max-width:380px){.brand-name{font-size:16px}.brand-seal{display:none}.project-heading strong{font-size:11px}.project-heading span{font-size:9px}.workspace-tools .icon-button{display:none}.camera-bar>button:not(.icon-button){padding:6px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-thumb{height:88px}.editor{height:40dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.spinner,.scene-loading span{animation:none}}@media print{body{overflow:visible}.app-header,.editor,.workspace-top,.camera-bar,.viewport-bottom,.design-footer,.phase-switch,.modal-scrim,.toast{display:none!important}.studio,.workspace,.viewport,.scene-stage{display:block;height:100%}}.editor-footer .mobile-save{display:none}.comparing .render-note{top:55px}@media(max-width:700px){.editor-footer .mobile-save{display:flex;margin-left:auto;font-size:12px;min-height:36px}.editor-footer>span{margin-left:12px}.comparing .render-note{top:42px}}.field>span,.toggle-row>span,.fold>summary,.editor-tabs button{font-size:14px}.help-text,.quiet-note,.sheet-note,.drawing-help{font-size:12px;line-height:1.75}.workspace-tabs>button:not(.icon-button),.workspace-tools>button:not(.icon-button),.camera-bar>button:not(.icon-button){font-size:14px}.model-card>span{font-size:13px}.render-note,.viewport-bottom,.scene-label small,.compare-differences,.compare-differences strong{font-size:12px}.scene-canvas:focus-visible{outline:2px solid #467b8d;outline-offset:-3px}.lettering-sheet{display:flex;flex-direction:column;overflow:auto}.lettering-faces{flex:1;display:grid;grid-template-columns:1fr 1.45fr;align-items:center;gap:28px;min-height:260px}.lettering-face{margin:0;min-width:0}.lettering-face figcaption{font-size:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;margin-bottom:12px}.lettering-face small{font-family:var(--ui);font-size:12px;color:#647f8b}.lettering-face>svg{display:block;width:100%;height:auto;max-height:440px;min-height:0}.lettering-empty{font-size:14px;color:#647f8b;text-align:center}.sheet-note{margin-top:18px;margin-bottom:0}@media(max-width:700px){.app-header{gap:8px}.brand-name{font-size:17px}.project-heading span{font-size:12px}.header-actions .output-button{min-width:44px;height:40px;padding:9px}.header-actions .output-button span{display:none}.header-actions .output-button svg{width:18px;height:18px}.workspace-tabs>button:not(.icon-button){font-size:12px;padding:7px 6px}.workspace-tabs>button:not(.icon-button) svg{display:none}.workspace-top{min-height:46px}.workspace-tools>button:not(.icon-button){min-width:34px;min-height:34px}.camera-bar{overflow-x:auto;max-width:96%;bottom:8px}.camera-bar>button:not(.icon-button){font-size:12px;min-height:36px;padding:7px}.camera-bar>.icon-button{height:36px;min-width:30px}.model-card>span{font-size:12px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-thumb{height:88px}.dimension-summary,.dimension-summary b,.dimension-summary small,.validation-pill,.phase-switch button,.render-note,.viewport-caption p,.scene-label>span,.compare-differences,.compare-differences strong{font-size:12px}.design-footer{min-height:40px;padding:0 8px}.dimension-summary>span{gap:3px}.dimension-summary>span{font-size:0}.dimension-summary small{display:none}.editor-footer{height:44px;min-height:44px}.editor-footer button{min-height:40px;font-size:12px}.editor-footer .mobile-save{min-height:40px}.editor-footer>span{font-size:12px}.editor-tabs button{font-size:14px}.lettering-sheet{padding:14px;min-height:0}.lettering-faces{grid-template-columns:1fr;gap:18px;min-height:0}.lettering-face figcaption{font-size:14px}.lettering-face>svg{max-height:240px}.sheet-meta,.sheet-note,.drawing-tabs button,.drawing-help{font-size:12px}.sheet-note{margin-top:14px}.phase-switch{top:52px}.render-note{right:8px;top:9px}.comparing .render-note{font-size:12px;top:40px}.viewport-caption>span{display:none}}@media(max-width:380px){.camera-bar>button:not(.icon-button){padding:7px 5px}.brand-name{font-size:16px}.project-heading strong,.project-heading span{font-size:12px}}.model-thumb img{width:100%;height:100%;display:block;object-fit:contain;background:#f2f5f6}.projection-drawing{width:100%;height:100%;min-height:0;display:flex;flex:1}.projection-drawing>svg{flex:1;max-width:100%;max-height:100%;object-fit:contain}@font-face{font-family:Noto Sans JP;src:url(/fonts/noto-sans-jp.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Noto Serif JP";src:url(/fonts/noto-serif-jp.woff2) format("woff2");font-weight:400;font-display:swap}:root{--ui:"Noto Sans JP",system-ui,sans-serif;--serif:"Noto Serif JP",serif;--stage:#f0f1ef}.viewport-caption{top:22px;left:28px;pointer-events:none}.viewport-caption h2,.customer-mode .viewport-caption h2{font-size:26px;margin:8px 0}.viewport-caption h2 small{font-family:var(--ui);font-size:12px;display:inline;margin-left:12px;letter-spacing:0}.viewport-caption>span{font-size:11px;letter-spacing:.08em}.viewport-caption p{font-family:var(--ui);font-size:13px;margin-top:9px}.scene-stage,.viewport{background:#f0f1ef}.shape-designs{display:flex;align-items:center;gap:8px;margin:8px 0 22px}.shape-designs>span{font-size:13px;margin-right:auto;color:#b7c9c7}.shape-designs>button{border:1px solid #557173;border-radius:4px;color:#dce7e4;background:none;padding:8px 12px;font-size:14px}.shape-designs>button.active{background:#36565a;border-color:#bacdc9}.size-heading{margin-top:18px}.model-thumb{background:#e5e9e6}.model-card>span{font-family:var(--ui);font-size:14px}.model-grid{gap:10px}.revision-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #d2ded6}.revision-row>div{flex:1;min-width:190px}.revision-row small{display:block;color:#607569;font-size:12px;margin-top:5px}.comparison-options{display:flex;flex-direction:column;gap:10px;margin:20px 0}.brand:disabled,.project-heading button:disabled{opacity:1;cursor:default}.workspace-tools>button:disabled{opacity:.45;cursor:default}@media(max-width:1180px){.header-actions .customer-button,.header-actions .output-button{min-width:44px;min-height:44px}.workspace-tools .icon-button{min-width:40px;min-height:40px}.workspace-tools>button:not(.icon-button){min-width:44px;min-height:44px}}@media(min-width:701px)and (max-width:1100px){.studio:not(.customer-mode){grid-template-columns:300px minmax(0,1fr)}.studio.panel-closed{grid-template-columns:minmax(0,1fr)}.app-header{gap:10px}.brand{min-width:0}.brand-name{font-size:18px}.viewport-caption h2{font-size:23px}.viewport-caption h2 small{display:none}.workspace-tabs>button:not(.icon-button){font-size:13px}.workspace-tools{gap:0}}@media(max-width:700px){.viewport-caption{top:14px;left:16px}.viewport-caption h2{font-size:21px;margin:4px 0}.viewport-caption h2 small{display:none}.shape-designs{margin-bottom:12px}.workspace-tools>button:not(.icon-button){min-width:36px;min-height:36px}.workspace-tools .icon-button{min-width:32px;width:32px;min-height:36px}.brand-name{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-heading{min-width:0}.project-heading strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.customer-mode .viewport-caption h2{font-size:26px}.drawing-tabs button{min-height:40px}.drawing-tabs{overflow-x:auto}.revision-row .button{font-size:12px}.compare-differences{max-height:110px;overflow:auto}}.difference-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.9;table-layout:fixed}.difference-table th,.difference-table td{padding:14px 12px;border-bottom:1px solid #d4ded7;vertical-align:top;overflow-wrap:anywhere;text-align:left}.difference-table th:first-child{width:105px}.difference-table thead{background:#edf2ee}.compare-differences>button.text-button{margin-left:auto;white-space:nowrap;font-size:12px;color:#2f5962}.scene-stage.compare-split{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-stage.compare-a,.scene-stage.compare-b{grid-template-columns:minmax(0,1fr)}.comparison-display{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;padding:3px;background:#ffffffed;border:1px solid #d1dbd6;border-radius:6px;z-index:5;white-space:nowrap}.comparison-display button{min-height:38px;padding:6px 13px;border:0;background:transparent;font:13px var(--ui);color:#526862;border-radius:4px}.comparison-display button[aria-pressed=true]{background:#2e5357;color:#fff}.difference-highlights{display:flex;flex:1;gap:15px;min-width:0}.difference-highlights .difference-highlight{margin:0;flex:1;min-width:0;line-height:1.6}.difference-highlights strong{display:block;color:#3b5550}.difference-highlights .difference-highlight>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.compare-differences{align-items:center}.compare-differences>span:first-child{white-space:nowrap}@media(max-width:1100px){.comparison-display button{min-height:44px}.header-actions .customer-button span{display:inline}.header-actions .customer-button{font-size:12px}.difference-highlights .difference-highlight:nth-child(n+2){display:none}.compare-differences>span:first-child{display:none}}@media(max-width:700px){.comparison-display{top:64px}.comparison-display button{padding:6px 10px;font-size:12px}.header-actions .customer-button span{display:none}.difference-highlights .difference-highlight{font-size:11px}.compare-differences{min-height:62px;max-height:88px}.scene-label{top:10px}.comparing .render-note{top:38px}.workspace-tools .icon-button{min-width:30px;width:30px}}.difference-highlights .difference-highlight{display:block;border:1px solid transparent;border-radius:5px;padding:4px 7px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;min-height:44px}.difference-highlights .difference-highlight:hover{background:#edf3ef}.difference-highlights .difference-highlight[aria-pressed=true]{border-color:#407e8b;background:#e7f0ed}.difference-table td>div+div{margin-top:5px}.difference-table th .text-button{min-height:44px;text-decoration:underline;text-underline-offset:4px}.lettering-faces{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;flex:none;min-height:0}.lettering-faces.single-face{grid-template-columns:minmax(0,600px);justify-content:center}.lettering-face figcaption{min-height:52px;align-content:start;flex-direction:column;gap:5px;margin-bottom:6px}.lettering-face>svg{width:100%;max-height:none;touch-action:none}.lettering-face{width:100%}.movable-lettering{cursor:grab;outline:none}.movable-lettering:active{cursor:grabbing}.movable-lettering:hover .lettering-hit-area,.movable-lettering:focus .lettering-hit-area{stroke:#407e8b;stroke-width:1;stroke-dasharray:4 3}.lettering-position-controls{margin:12px 0 0;padding:12px;border:1px solid #d7e2e7;border-radius:6px;background:#f8fafb}.lettering-position-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lettering-position-controls .field{margin:0}.lettering-position-controls input{background:#fff;color:#203940;border:1px solid #bdcdd4;min-width:0;width:100%;height:38px}.lettering-position-controls .field>span{color:#385866;font-size:13px}.lettering-position-controls .input-wrap small{color:#597681}.lettering-position-buttons{display:flex;gap:6px;margin-top:10px}.lettering-position-buttons button{display:flex;gap:5px;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:1px solid #c6d5dc;background:#fff;padding:6px 10px;font-size:12px}.lettering-position-buttons button:hover{background:#e8f0f4}.customer-lettering .lettering-faces{flex:1;align-items:start}.lettering-empty{margin:3px 0}.lettering-sheet .sheet-note{padding-bottom:12px}@media(max-width:700px){.lettering-faces{gap:12px}.lettering-position-fields{grid-template-columns:1fr}.lettering-position-buttons{flex-wrap:wrap}.lettering-face figcaption{font-size:14px;min-height:62px}.lettering-face small{font-size:11px}.lettering-position-controls{padding:8px}.lettering-faces.single-face{grid-template-columns:minmax(0,480px)}}.benchmark-running .modal-scrim{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-start;justify-content:flex-end;pointer-events:none;padding:12px}.benchmark-running .modal{width:350px;pointer-events:auto;box-shadow:0 8px 30px #17343e20}.benchmark-running .modal-body{padding-top:0}.benchmark-running .modal h2{font-size:17px}.lettering-position-buttons button svg{width:18px;height:18px;flex-shrink:0}.lettering-position-buttons button:last-child{white-space:nowrap;margin-left:auto}@media(max-width:700px){.lettering-faces{grid-template-columns:1fr}}.lettering-face>svg{height:clamp(220px,40vh,380px)}.drawing-paper>.lettering-sheet{border:0;margin:0;width:100%;max-width:none;height:100%;padding:22px 36px}