:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#202628;background:#f8f9fa;font-synthesis:none;font-weight:500;font-size:13px;--line:#e4e8e9;--muted:#7d878c;--green:#a9d95c;--dark:#202a25}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 13px;color:inherit;font-weight:650;transition:background .15s,border-color .15s}button:hover{background:#f0f3ed;border-color:#bdc9b2}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #83b845;outline-offset:3px}button:disabled{opacity:.4;cursor:wait}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button.primary{background:var(--dark);color:#fff;border-color:var(--dark)}button.primary:hover{background:#3d4d3c}button.accent{background:#edf5df;border-color:#a9cf70;color:#46652a}header{height:83px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:16px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:22px}.brand:hover{text-decoration:none}.brand-mark{font-weight:800;font-size:34px;letter-spacing:-3px;font-style:italic;line-height:.8}.brand-mark>span{display:block;font-size:9px;letter-spacing:2.5px;font-style:normal;line-height:2.3;padding-left:3px}.brand-divider{height:32px;width:1px;background:var(--line)}.app-title{font-size:14px;font-weight:700}.app-title small{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-top:5px}nav{display:flex;align-items:center;gap:9px}.save-status{font-size:11px;color:var(--muted);margin-right:13px}.save-status.unsaved:before{content:"•";color:#c08e31;margin-right:6px}main{display:grid;grid-template-columns:282px minmax(0,1fr) 310px;height:calc(100dvh - 83px);min-height:400px}aside{background:#fff;min-width:0}.panel-list{display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar-heading{padding:25px 22px 15px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.5px;color:var(--muted)}h1{font-size:23px;margin:5px 0 0;letter-spacing:-.6px}h1 span{font-size:11px;border:1px solid var(--line);vertical-align:middle;border-radius:6px;color:var(--muted);padding:3px 6px;margin-left:7px;letter-spacing:0}.progress{margin:0 22px 18px;color:var(--muted);font-size:10px}.progress>div{height:3px;background:#edf0eb;margin-top:10px;border-radius:3px}.progress i{display:block;height:3px;background:#93ba59;border-radius:3px;transition:width .3s}.search{display:flex;align-items:center;margin:0 15px 12px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#f9fafb;color:#a0a8ab}.search>span{font-size:24px;line-height:1}.search input{padding:11px 7px;width:100%;border:0;outline:0;background:none;font-size:11px}.panel-items{flex:1;overflow-y:auto;padding:0 9px 16px;scrollbar-width:thin}.panel-item{width:100%;border-color:transparent;display:flex;gap:10px;align-items:center;text-align:left;padding:11px 10px;margin-bottom:3px;border-radius:7px}.panel-item.selected{background:#f0f5e9;border-color:#d9e6c7}.panel-number{font-size:11px;flex:0 0 31px;font-weight:750;color:#68776b;align-self:flex-start;padding-top:1px}.panel-description{flex:1;min-width:0}.panel-description strong{display:block;font-size:10.5px;line-height:1.6;font-weight:650}.panel-description small{display:block;font-size:9px;color:#9aa2a5;margin-top:3px;font-weight:500}.panel-dot{width:6px;height:6px;flex:0 0 6px;border:1px solid #d0d6d8;border-radius:50%}.panel-dot.bound{background:#a7b9c7;border-color:#a7b9c7}.panel-dot.has-art{background:#82ad43;border-color:#82ad43}.sidebar-footer{padding:16px 22px;border-top:1px solid var(--line);font-size:10px}.sidebar-footer a{font-weight:700}.sidebar-footer p{font-size:9px;color:#9aa3a6;line-height:1.6;margin:7px 0 0}.workspace{position:relative;overflow:hidden;background:#edf0f2}.workspace-top{position:absolute;left:23px;right:23px;top:21px;display:flex;justify-content:space-between;align-items:center;z-index:2;gap:10px;pointer-events:none}.workspace-top>*{pointer-events:auto}.scene-tag{font-size:10px;color:#6b777e;display:flex;align-items:center;gap:7px}.scene-tag i{display:inline-block;width:5px;height:5px;background:#83a261;border-radius:50%}.scene-tag>span{font-size:8px;color:#8d969b;border:1px solid #ced5d8;padding:2px 4px;border-radius:3px;margin-left:2px}.workspace-top button{font-size:10px;background:#ffffffd4;border-color:#fff;padding:9px 11px;box-shadow:0 2px 8px #27362c05}#viewer{position:absolute;inset:0}#viewer canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.scene-bottom{position:absolute;bottom:21px;left:15px;right:15px;text-align:center;z-index:2;pointer-events:none}.hint{display:inline-block;max-width:92%;font-size:10px;line-height:1.7;padding:9px 14px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff;border-radius:8px;color:#6b757c;box-shadow:0 3px 16px #1f2b2905;pointer-events:auto}.view-toolbar{margin-top:15px;display:flex;justify-content:center;gap:8px;pointer-events:auto}.view-tabs{display:flex;gap:2px;background:#fff;border:1px solid #e2e7e9;border-radius:9px;padding:4px;box-shadow:0 3px 10px #00000003}.view-tabs button{border:0;background:none;border-radius:5px;font-size:10px;padding:8px 10px;color:#7e878b}.view-tabs button.active{background:#eaf0e3;color:#405535}.view-toolbar>#clean-mode{background:#ffffffdb;font-size:10px}.view-toolbar>#clean-mode[aria-pressed=true]{background:#d4e8b8;border-color:#9fc46b}.gesture-help{font-size:9px;color:#98a1a6;letter-spacing:.05px;margin:14px 0 0}.editor{border-left:1px solid var(--line);overflow-y:auto;scrollbar-width:thin}.editor-title{padding:27px 22px 20px;position:relative}.editor-title h2{font-size:15px;line-height:1.6;margin:10px 0 8px;letter-spacing:-.2px}.editor-title h2>span{display:inline-block;background:#f0f5e8;color:#65823e;padding:3px 7px;border-radius:5px;font-size:12px;vertical-align:1px;margin-right:4px}.editor-title>p{font-size:10px;color:var(--muted);margin:0}.editor-section{border-top:1px solid var(--line);padding:19px 22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.section-title h3{margin:0;font-size:9px;font-weight:750;color:#a6b095;white-space:nowrap}.section-title h3>span{font-size:11px;color:#364138;font-weight:750;margin-left:7px}.section-title>a,.surface-code{font-size:9px;color:#859078}.section-note{font-size:10px;line-height:1.8;color:#929a9d;margin:8px 0 13px}.button-row{display:flex;gap:8px}.button-row>button:first-child{flex:1;font-size:10px}.icon-button{font-size:18px;padding:3px 10px}.text-button{border:0;background:none;padding:3px 0;font-size:9px;color:#8c9791;text-decoration:underline;text-underline-offset:3px}#unbind{margin-top:10px}.crop-details{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}summary{font-size:10px;font-weight:650;cursor:pointer;color:#66745f}.warning-note{font-size:9px;line-height:1.8;background:#fcf6e8;color:#a0874b;padding:9px;border-radius:5px}.upload-zone{width:100%;border:1px dashed #ced8c5;background:#fafcf8;min-height:125px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;position:relative;overflow:hidden;border-radius:8px}.upload-zone .upload-icon{height:30px;width:30px;background:#edf3e4;border-radius:7px;display:grid;place-items:center;color:#7b9c50;font-size:21px;font-weight:500}.upload-zone strong{font-size:11px}.upload-zone small{font-size:9px;font-weight:400;color:#929a91}.upload-zone img{max-height:160px;max-width:100%;object-fit:contain}.upload-zone.with-image{padding:8px;background:repeating-conic-gradient(#f4f5f2 0% 25%,#fff 0% 50%) 50%/14px 14px}.upload-caption{font-size:9px;background:#ffffffde;padding:4px 8px;border-radius:4px}.asset-info{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:9px;color:#929a9d;gap:10px}.asset-info>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-info button{border:0;padding:2px 6px;color:#8c9791}.select-label{display:block;font-size:10px;color:#748078}.select-label select{display:block;margin-top:8px;width:100%;padding:9px 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#4e5b52;font-size:10px}.control-label{margin-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#727e76}.number-wrap{display:flex;border:1px solid var(--line);border-radius:5px;align-items:center;overflow:hidden;font-size:9px;background:#fafbfa;color:#a3aba5}.number-wrap input{width:47px;text-align:right;border:0;padding:5px 2px;background:none;color:#68756b;font-size:10px;-moz-appearance:textfield}.number-wrap input::-webkit-inner-spin-button{appearance:none}.number-wrap>span{padding-right:7px}.range{width:100%;height:3px;margin:13px 0 3px;accent-color:#859e65;cursor:pointer}.flip-row{display:flex;gap:15px;font-size:9px;margin-top:18px;color:#748078}.flip-row label{display:flex;align-items:center;gap:4px}.flip-row input{accent-color:#8aab60}.editor-footer{padding:18px 22px;background:#fafbf9;border-top:1px solid var(--line);font-size:9px;line-height:1.8;color:#a1aaa3}.dragging{outline:3px solid var(--green);outline-offset:-3px}.mobile-close,.mobile-tools{display:none}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);padding:13px 20px;max-width:min(580px,90vw);background:#263429;color:#fff;font-size:12px;line-height:1.7;border-radius:10px;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%)}#toast.error{background:#7d3b32}#busy{position:fixed;inset:0;background:#ffffffc9;z-index:90;display:flex;gap:15px;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#busy[hidden]{display:none}.spinner{width:25px;height:25px;display:inline-block;border:2px solid #e0e7da;border-top-color:#8cad5d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#edf0f2;z-index:4}#loading strong{font-size:15px}#loading>span:last-child{font-size:11px;color:#8e989d}.empty-search{color:#98a1a5;text-align:center;font-size:11px;padding:15px}@media(min-width:1600px){main{grid-template-columns:300px minmax(0,1fr) 330px}.panel-description strong{font-size:11.5px}.panel-item{padding:13px 12px}.editor-section{padding:22px 25px}}@media(max-width:1120px){header{padding:0 18px}.save-status{display:none}main{grid-template-columns:235px minmax(0,1fr) 275px}.editor-section,.editor-title{padding-left:17px;padding-right:17px}.workspace-top{left:15px;right:15px}.scene-tag>span{display:none}.scene-bottom{left:8px;right:8px}.view-tabs button{padding:8px 6px}.view-toolbar{gap:4px}.view-toolbar>#clean-mode{padding:8px 6px}.gesture-help{max-width:260px;margin:12px auto 0;line-height:1.6}.brand{gap:15px}.app-title{font-size:12px}.brand-mark{font-size:30px}}@media(max-width:850px){header{height:68px;padding:0 15px}.app-title{font-size:11px}.app-title small{font-size:8px}.brand-divider{display:none}.brand{gap:15px}nav{gap:6px}nav button{font-size:10px;padding:9px 10px}main{display:block;height:calc(100dvh - 68px);min-height:0}.workspace{height:100%;width:100%}.panel-list,.editor{position:fixed;top:68px;bottom:0;z-index:20;width:min(340px,90vw);box-shadow:0 8px 35px #202d2726;transition:transform .25s}.panel-list{left:0;transform:translate(-110%)}.editor{right:0;transform:translate(110%)}.panel-list.open,.editor.open{transform:translate(0)}.mobile-close{display:block;font-size:20px;border:0;background:none;padding:0 4px;color:#8d9890}.editor-title .mobile-close{position:absolute;right:17px;top:18px}.scene-bottom{bottom:74px}.mobile-tools{display:flex;justify-content:space-between;position:absolute;bottom:16px;left:15px;right:15px;z-index:4;pointer-events:none}.mobile-tools button{pointer-events:auto;background:#fff;box-shadow:0 3px 12px #0001;padding:11px 16px;font-size:11px}.hint{max-width:95%}.view-toolbar{gap:8px}.view-tabs button{padding:8px 10px}.view-toolbar>#clean-mode{padding:8px 10px}.gesture-help{display:none}.workspace-top{top:16px}#toast{bottom:75px}.sidebar-heading{padding-top:22px}.panel-item{padding:13px 10px}.panel-description strong,.section-note{font-size:11px}}@media(max-width:480px){.app-title{display:none}nav button{font-size:10px;padding:9px}.brand-mark{font-size:28px}.brand-mark>span{font-size:7px}.scene-tag{font-size:9px}.view-toolbar{gap:4px}.view-tabs button{padding:8px 7px;font-size:9px}.view-toolbar>#clean-mode{font-size:9px;padding:8px 7px}.hint,.workspace-top button{font-size:9px}.scene-bottom{left:10px;right:10px}.view-tabs{gap:0}}main{grid-template-rows:minmax(0,1fr)}main>aside,main>.workspace{min-height:0}.isolate-button{display:block;margin-top:10px;padding:7px 9px;font-size:9px;color:#7c8b71;border-color:#e1e8d9;background:#fafcf7}.isolate-button.active{background:#e7f2d8;border-color:#c5dbab;color:#4e6e31}