@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#17231e;font-synthesis:none;--green:#123f33;--green-2:#1b5d49;--surface:rgba(250,249,246,.96);--panel:#f7f5f0;--line:#ded9cf;--muted:#778078;--shadow:0 18px 54px rgba(28,42,35,.12);background:#eeece7;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{background:linear-gradient(135deg,#f2f0eb,#e6e4de);grid-template-rows:70px minmax(0,1fr);grid-template-columns:290px minmax(0,1fr) 280px;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:rgba(250,249,246,.9);grid-column:1/-1;grid-template-columns:290px minmax(240px,1fr) auto;align-items:center;gap:18px;padding:0 18px;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border:2px solid var(--green);border-radius:8px;width:28px;height:28px;transform:rotate(45deg)}.brand strong{letter-spacing:.12em;font-size:21px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.project-name-wrap{justify-content:center;display:flex}.project-name-wrap input{text-align:center;background:0 0;border:1px solid transparent;border-radius:13px;outline:none;width:min(460px,100%);padding:10px 14px;font-weight:700}.project-name-wrap input:focus{border-color:var(--line);background:#fff}.top-actions{gap:8px;display:flex}.top-actions button,.viewport-toolbar button,.row-actions button{border:1px solid var(--line);color:#34443d;background:#fff;border-radius:12px;min-height:38px;padding:0 13px}.top-actions .primary{background:var(--green);color:#fff;border-color:var(--green)}.top-actions button:hover,.viewport-toolbar button:hover,.row-actions button:hover{transform:translateY(-1px)}.sidebar{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:0;padding:14px;overflow:auto}.left-sidebar{border-right:1px solid var(--line)}.right-sidebar{border-left:1px solid var(--line)}.panel-section{border-bottom:1px solid var(--line);padding:15px 0 18px}.panel-section:first-child{padding-top:4px}.section-title{justify-content:space-between;align-items:center;margin-bottom:13px;font-weight:800;display:flex}.badge{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.field-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.field-grid.three{grid-template-columns:repeat(3,1fr)}label{color:#5f6963;gap:6px;font-size:12px;display:grid}input[type=number],input[type=text],input[type=url],#objectName,.url-load input{border:1px solid var(--line);color:#18231e;background:#fff;border-radius:11px;outline:none;width:100%;min-width:0;padding:9px 10px}input:focus{border-color:#839c91;box-shadow:0 0 0 4px rgba(18,63,51,.07)}.color-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.color-grid label{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:1fr auto;align-items:center;padding:8px 10px}input[type=color]{background:0 0;border:0;width:35px;height:25px;padding:0}.switch-row{align-items:center;gap:9px;margin-top:12px;display:flex}.asset-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.asset-grid button,.upload-button,.url-load button{border:1px solid var(--line);color:#2f4038;background:#fff;border-radius:13px;min-height:44px;font-weight:700}.asset-grid button:hover,.upload-button:hover{background:#fafcfb;border-color:#9eb0a8}.upload-button{cursor:pointer;justify-content:center;align-items:center;display:flex}.upload-button input{display:none}.url-load{grid-template-columns:1fr auto;gap:7px;margin-top:8px;display:grid}.url-load button{background:var(--green);color:#fff;border-color:var(--green);padding:0 12px}.hint{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.55}.viewport-wrap{min-width:0;min-height:0;position:relative;overflow:hidden}.viewport{width:100%;height:100%}.viewport canvas{display:block}.viewport-toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);white-space:nowrap;background:rgba(250,249,246,.88);border:1px solid rgba(222,217,207,.9);border-radius:16px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.viewport-toolbar button{background:0 0;min-height:34px;padding:0 10px}.viewport-toolbar button.active{background:var(--green);color:#fff;border-color:var(--green)}.toolbar-divider{background:var(--line);width:1px;height:22px;margin:0 2px}.toolbar-check{align-items:center;gap:6px;padding:0 7px;display:flex}.viewport-help{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(18,34,27,.78);border-radius:999px;padding:8px 13px;font-size:11px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.empty-state{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:14px;padding:22px 12px;font-size:12px}#objectInspector{gap:11px;display:grid}#objectInspector[hidden]{display:none}.row-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.row-actions .danger{color:#9c403b;background:#fff8f7;border-color:#e8c9c6}.metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metrics div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px}.metrics span{color:var(--muted);font-size:10px;display:block}.metrics strong{margin-top:4px;font-size:18px;display:block}.status-line{color:var(--muted);align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.status-dot{background:#4d9c70;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px rgba(77,156,112,.12)}.roadmap-card{background:#f4faf6;border:1px solid #d5e2db;border-radius:15px;margin-top:14px;padding:14px}.roadmap-card p{color:var(--muted);margin-bottom:0;font-size:11px;line-height:1.6}@media (max-width:1100px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.right-sidebar{display:none}.topbar{grid-template-columns:250px 1fr}.top-actions{display:none}}@media (max-width:760px){.app-shell{grid-template-rows:62px minmax(0,1fr);grid-template-columns:1fr}.left-sidebar{z-index:20;border:1px solid var(--line);width:min(300px,100vw - 16px);box-shadow:var(--shadow);border-radius:18px;transition:transform .25s;position:fixed;top:70px;bottom:8px;left:8px;transform:translate(-110%)}.left-sidebar.open{transform:none}.topbar{grid-template-columns:auto 1fr;padding:0 11px}.brand small,.project-name-wrap{display:none}.viewport-toolbar{max-width:calc(100vw - 16px);left:8px;overflow-x:auto;transform:none}}.cloud-pill{color:#4d6d5f;text-transform:uppercase;letter-spacing:.08em;background:#eef4f0;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:9px;display:inline-flex}.cloud-pill[data-state=error]{color:#9c4a44;background:#fff0ee}.catalog-section{min-height:320px}.catalog-filters{gap:8px;margin-bottom:10px;display:grid}.catalog-filters input,.catalog-filters select{border:1px solid var(--line);color:#18231e;background:#fff;border-radius:11px;outline:none;width:100%;min-width:0;padding:9px 10px}.catalog-models{gap:9px;display:grid}.catalog-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:13px;padding:18px 12px;font-size:11px;line-height:1.55}.model-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 7px 18px rgba(28,42,35,.05)}.model-preview{background:linear-gradient(135deg,#f1eee8,#e5e1d8);place-items:center;height:118px;display:grid;overflow:hidden}.model-preview img{object-fit:cover;width:100%;height:100%;display:block}.model-placeholder{color:#81796e;border:1px solid #cbc5ba;border-radius:14px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.model-card-body{gap:5px;padding:11px;display:grid}.model-card-body strong{font-size:13px}.model-card-body span{color:#5d6b64;font-size:10px}.model-card-body small{color:var(--muted);font-size:9px}.model-card-body button{background:var(--green);color:#fff;border:0;border-radius:10px;min-height:35px;margin-top:4px;font-size:11px;font-weight:700}.model-card-body button:disabled{opacity:.55;cursor:wait}.project-id-card{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:8px;padding:11px 12px}.project-id-card span{color:var(--muted);font-size:10px;display:block}.project-id-card strong{overflow-wrap:anywhere;margin-top:5px;font-size:10px;display:block}.status-dot[data-state=saving]{background:#c49343;box-shadow:0 0 0 4px rgba(196,147,67,.13)}.status-dot[data-state=error]{background:#b8544b;box-shadow:0 0 0 4px rgba(184,84,75,.13)}@media (max-width:760px){.catalog-models{grid-template-columns:1fr 1fr}.model-preview{height:100px}}