:root{color:#1d1b19;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#efe9dd;font-family:SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{color:#1d1b19;background:radial-gradient(circle at 0 0,#ffffffb8,#0000 40%),linear-gradient(#f6f1e8 0%,#ebe3d6 100%)}button,input,select{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-rows:auto 1fr;min-height:100%;display:grid}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf7f1b8;border-bottom:1px solid #1d1b191a;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:18px 24px;display:grid}.topbar__eyebrow,.panel__eyebrow{color:#7f7366;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px}.topbar__title,.panel__title{margin:0;font-size:18px;font-weight:600}.topbar__meta,.topbar__actions{align-items:center;gap:12px;display:flex}.topbar__meta{color:#695f54;font-size:14px}.workspace{grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(280px,340px);gap:16px;min-height:0;padding:16px;display:grid}.workspace__sidebar,.workspace__viewport{min-height:0}.panel,.viewport-panel{background:#fffbf5d1;border:1px solid #1d1b191a;border-radius:20px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 24px 60px #695f5414}.panel__header,.viewport-panel__header{border-bottom:1px solid #1d1b1914;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px;display:flex}.panel{padding-bottom:16px}.upload-slot,.control-group,.asset-list{padding-inline:18px}.upload-slot{background:#f6f1e8e6;border:1px dashed #1d1b192e;border-radius:16px;margin:18px;padding:16px}.upload-slot p,.empty-state p,.viewport-empty p{margin:0}.asset-list{flex-direction:column;flex:1;gap:12px;display:flex;overflow:auto}.asset-card{background:#ffffff8c;border:1px solid #1d1b1914;border-radius:16px;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px;display:grid}.asset-card__thumb{object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#e8dece 25%,#0000 25%),linear-gradient(-45deg,#e8dece 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8dece 75%),linear-gradient(-45deg,#0000 75%,#e8dece 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:12px;width:72px;height:72px}.asset-card__body{flex-direction:column;gap:8px;min-width:0;display:flex}.asset-card__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.control-group{flex-direction:column;gap:10px;padding-top:16px;display:flex}.control-group+.control-group{border-top:1px solid #1d1b1914;margin-top:16px}.control-group__title{margin:0 0 4px;font-size:14px;font-weight:600}.panel-note{margin:8px 0 0}.field{color:#4d463f;flex-direction:column;gap:6px;font-size:13px;display:flex}.field--inline,.field--layer{justify-content:space-between;align-items:center;gap:12px;display:flex}.field input[type=number],.field input[type=text],.field select{background:#ffffffeb;border:1px solid #1d1b1924;border-radius:12px;width:100%;padding:10px 12px}.field input[type=checkbox]{width:16px;height:16px}.layer-picker{flex-wrap:wrap;gap:8px;display:flex}.layer-chip{color:#4d463f;cursor:pointer;background:#ffffffb8;border:1px solid #1d1b191f;border-radius:999px;min-width:38px;padding:7px 10px}.layer-chip--active{color:#fff9f0;background:#1d1b19;border-color:#1d1b19}.layer-status-list{flex-direction:column;gap:8px;display:flex}.button{color:#fff9f0;cursor:pointer;background:#1d1b19;border:1px solid #0000;border-radius:999px;padding:10px 16px;transition:transform .12s,opacity .12s,background .12s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button--ghost{color:#2a2521;background:#ffffffb8;border-color:#1d1b191f}.button--small{padding:6px 10px}.text-muted{color:#7f7366;font-size:12px}.viewport-shell{touch-action:none;background:linear-gradient(#ffffff80,#f3ebe1e6),linear-gradient(90deg,#1d1b190a 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#1d1b190a 1px,#0000 1px) 0 0/32px 32px;flex:1;min-height:420px;position:relative;overflow:hidden}.viewport-shell canvas{width:100%!important;height:100%!important}.viewport-overlay{pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;inset:14px}.viewport-overlay__badge,.viewport-overlay__hint,.layer-badge,.viewport-empty{color:#4d463f;background:#fffbf5e0;border:1px solid #1d1b191a;border-radius:999px;padding:8px 12px;font-size:12px}.viewport-overlay__hint{border-radius:14px;margin-top:auto}.viewport-empty{border-radius:16px;position:absolute;bottom:16px;right:16px}.layer-badge{white-space:nowrap;pointer-events:none}.empty-state{flex-direction:column;gap:6px;padding:18px 0;display:flex}@media (width<=1180px){.topbar{grid-template-columns:minmax(0,1fr)}.workspace{grid-template-rows:auto minmax(480px,1fr) auto;grid-template-columns:1fr}.workspace__sidebar--left,.workspace__sidebar--right{min-height:320px}}