:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#27342e;background:#e8eae7;font-size:14px;--green:#285b4a;--line:#dce1dd;--muted:#657169}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #85bba4;outline-offset:3px}
button{background:white;border:1px solid var(--line);border-radius:5px;padding:9px 11px;transition:background .12s,border-color .12s}button:hover{background:#f0f4f1;border-color:#a9b8af}a{color:var(--green);text-underline-offset:3px}h1,h2,h3,p{margin:0}h2{font-size:13px;font-weight:650}h3{font-size:15px;margin:24px 0 8px}.topbar{height:78px;display:flex;align-items:center;padding:0 24px;gap:25px;background:#fff;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:13px;flex:1}.identity h1{font-size:20px;font-weight:600;letter-spacing:.015em}.identity p{font-size:11px;color:var(--muted);margin-top:5px}.mark{width:25px;height:34px;display:block;border:1.5px solid var(--green);border-radius:50%;position:relative;transform:rotate(-12deg)}.mark:after{content:"";position:absolute;left:12px;top:25px;width:13px;height:17px;border:1.5px solid var(--green);border-radius:50%}
.mode-tabs{display:flex;gap:3px;background:#eef2ef;border-radius:6px;padding:3px}.mode-tabs button{border:0;background:transparent;font-size:13px;padding:8px 15px}.mode-tabs .active{background:white;box-shadow:0 1px 3px #172a1e18;color:var(--green)}.quiet{border-color:transparent;font-size:12px;color:var(--muted)}.workspace{height:calc(100dvh - 78px);display:grid;grid-template-columns:272px 1fr}.panel{background:white;overflow-y:auto;border-right:1px solid var(--line)}.panel-body{padding:23px 20px 14px}.panel section+section{margin-top:23px;padding-top:22px;border-top:1px solid var(--line)}.panel h2{margin-bottom:13px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset-grid button{padding:10px 4px;font-size:12px;white-space:nowrap}.preset-grid .selected,.gallery-tabs .selected{color:var(--green);background:#e9f2ed;border-color:#86a896}.range-label{display:flex;justify-content:space-between;font-size:12px;margin:19px 0 7px}.range-label output{color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:4px 0;accent-color:var(--green)}.fine{font-size:11px;line-height:1.7;color:var(--muted)}.layer-list{display:grid;gap:13px}.layer-list label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px}.layer-list input{accent-color:var(--green);width:15px;height:15px;margin:0}.layer-list small{color:var(--muted);font-size:10px;margin-left:4px}.select-label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}select{width:100%;padding:9px 8px;border:1px solid #cbd4cd;border-radius:5px;color:#27342e;background:#fff}.primary{background:var(--green);color:white;border:1px solid var(--green);width:100%;margin:10px 0 7px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;padding:12px 6px}.primary:hover{background:#214e3f;color:white;border-color:#214e3f}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.secondary-row{display:flex;justify-content:space-between;margin-top:12px;gap:6px}.secondary-row button{font-size:10px;padding:7px 8px}.save-status{font-size:10px;color:var(--green);line-height:1.6;margin-top:7px;overflow-wrap:anywhere}.model-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:20px}.model-note button,#gallery-info{font-size:inherit;border:0;padding:0;margin-left:4px;text-decoration:underline;background:transparent;color:var(--green)}.mobile-handle{display:none}
.viewport{position:relative;min-width:0;overflow:hidden;background:#e8eae7}#scene{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.view-heading{position:absolute;top:20px;left:24px;pointer-events:none;display:flex;align-items:center;gap:10px;font-size:13px;color:#34453a}.proposal-tag{font-size:10px;border:1px solid #9fac9f;padding:4px 7px;border-radius:3px;background:#ffffffa8}.viewport-footer{position:absolute;bottom:14px;left:22px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.viewport-footer>span{font-size:10px;color:#4d5d53;background:#ffffffdc;backdrop-filter:blur(8px);border-radius:4px;padding:8px 10px}.viewport-footer b{font-weight:400;color:#a0aaa2;margin:0 3px}.viewport-footer button{pointer-events:auto;background:#ffffffe0;padding:8px;line-height:0}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e8eae7;z-index:3;gap:13px;text-align:center;padding:24px}.loading strong{font-size:15px;font-weight:500}.loading p{font-size:12px;color:var(--muted);max-width:340px;line-height:1.8}.loading progress{width:180px;height:4px;accent-color:var(--green)}.loading[hidden]{display:none}.spinner{width:28px;height:28px;border-radius:50%;border:2px solid #c5d4ca;border-top-color:var(--green);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .2s;pointer-events:none;padding:10px 17px;background:#273e32ef;color:white;border-radius:5px;font-size:12px;white-space:nowrap}.toast.visible{opacity:1}.gallery{grid-column:1/-1;overflow-y:auto;background:#f2f4f1;padding:25px 32px}.gallery[hidden]{display:none}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.gallery-toolbar h2{font-size:19px;font-weight:500}.gallery-toolbar p{font-size:12px;color:var(--muted);margin-top:7px}.gallery-tabs{display:flex;gap:6px}.gallery-tabs button{font-size:12px;padding:8px 18px}.gallery-image-wrap{display:flex;justify-content:center}.gallery-image-wrap img{display:block;max-width:100%;max-height:calc(100dvh - 280px);object-fit:contain;min-height:200px}.gallery footer{max-width:1100px;margin:16px auto;font-size:12px;line-height:1.8}.gallery footer .fine{margin-top:5px}.gallery footer a{margin-left:15px}
dialog{border:1px solid #bac9be;border-radius:9px;width:min(700px,calc(100% - 32px));max-height:85dvh;padding:0;color:#27342e;box-shadow:0 20px 100px #15301c30}dialog::backdrop{background:#182f245c;backdrop-filter:blur(3px)}.dialog-heading{position:sticky;top:0;background:white;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 24px;z-index:1}.dialog-heading h2{font-size:17px}.dialog-heading button{font-size:23px;line-height:1;border:0;padding:2px 5px}.dialog-body{padding:20px 24px 28px;font-size:13px;line-height:1.9}.dialog-body p+p{margin-top:14px}.source-list{padding-left:20px;line-height:2.2}.workspace.gallery-mode{display:block}.workspace.gallery-mode .panel,.workspace.gallery-mode .viewport{display:none}
@media(min-width:1500px){.workspace{grid-template-columns:290px 1fr}.panel-body{padding:24px}.preset-grid button{font-size:13px}}
@media(max-width:800px){.topbar{height:91px;padding:12px 16px;align-items:flex-start;gap:10px;flex-wrap:wrap;position:relative}.identity{gap:10px;flex-basis:100%}.identity h1{font-size:16px}.identity p{font-size:10px;margin-top:2px}.mark{width:17px;height:25px;flex-shrink:0}.mark:after{top:18px;left:8px;width:9px;height:12px}.mode-tabs{position:absolute;left:16px;bottom:7px;background:transparent;padding:0;border-bottom:0}.mode-tabs button{font-size:11px;padding:5px 10px}.quiet{position:absolute;right:10px;top:16px;font-size:10px;padding:5px}.workspace{height:calc(100dvh - 91px);display:block;position:relative}.viewport{height:100%;padding-bottom:44px}.panel{position:absolute;z-index:5;left:0;right:0;bottom:0;border:0;border-top:1px solid #c7d1c9;border-radius:10px 10px 0 0;max-height:76%;overflow-y:auto;box-shadow:0 -4px 20px #203e2d12}.mobile-handle{display:flex;width:100%;border:0;justify-content:space-between;align-items:center;font-size:12px;padding:15px 20px;background:white;position:sticky;top:0;border-radius:10px 10px 0 0;z-index:1}.panel-body{display:none;padding-top:8px}.panel.expanded .panel-body{display:block}.panel.expanded .mobile-handle span{transform:rotate(180deg)}.panel section+section{margin-top:18px;padding-top:16px}.preset-grid{grid-template-columns:repeat(3,1fr)}.layer-list{grid-template-columns:1fr 1fr;gap:14px 8px}.layer-list label{font-size:11px}.layer-list small{display:block;margin-left:0}.view-heading{top:15px;left:16px;font-size:11px}.viewport-footer{bottom:58px;left:12px;right:12px}.viewport-footer>span{max-width:260px;font-size:9px;padding:7px;line-height:1.6}.proposal-tag{font-size:9px}.gallery{padding:20px 16px}.gallery-toolbar{flex-direction:column;align-items:flex-start;gap:14px}.gallery-toolbar h2{font-size:17px}.gallery-toolbar p{font-size:11px}.gallery-image-wrap img{max-height:calc(100dvh - 300px);min-height:0}.gallery footer{font-size:11px}.dialog-body{padding:17px 20px}.dialog-heading{padding:14px 20px}.dialog-heading h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.spinner{animation:none}}