:root{--bg:#0b1020;--panel:#151c2e;--muted:#aab5cb;--line:#303b55;--accent:#aba3ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f6ff;font:14px system-ui,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{background:#27314a;color:white;border:1px solid #465170;border-radius:9px;padding:9px 12px;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.48;cursor:default}.accent{background:var(--accent);color:#111528;font-weight:750}.shell{height:100dvh;display:flex;flex-direction:column}.topbar{padding:11px 17px;background:#141a2a;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.topbar strong{font-size:19px}.topbar a{color:#cbc5ff;text-decoration:none}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.main{display:grid;grid-template-columns:235px minmax(0,1fr) 270px;gap:0;min-height:0;flex:1}.sidebar{background:var(--panel);padding:16px;overflow-y:auto;border-right:1px solid var(--line)}.sidebar.right{border-left:1px solid var(--line);border-right:0}.sidebar h3{font-size:13px;color:#d9dff2;margin:14px 0 9px}.sidebar button{width:100%;text-align:left;margin:3px 0}.sidebar input:not([type=checkbox]),.sidebar select,.sidebar textarea{width:100%;max-width:100%;background:#0e1526;color:white;border:1px solid #45506c;border-radius:8px;padding:8px;margin:4px 0 12px}.sidebar input[type=range]{padding:0}.sidebar label{display:block;color:#bbc7da;font-size:12px}.sidebar p,.hint{color:#aeb9ca;line-height:1.6;font-size:12px}.stage{min-width:0;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;padding:20px;overflow:auto;background:radial-gradient(circle at center,#252c42 0,#0b1020 78%)}canvas{max-width:100%;max-height:calc(100dvh - 180px);object-fit:contain;box-shadow:0 15px 50px #0009;background:repeating-conic-gradient(#d8dbe4 0 25%,#fff 0 50%) 50%/24px 24px;touch-action:none}.status{color:#b8c5d8;font-size:12px;min-height:18px}.layer{display:flex;gap:6px;align-items:center;padding:8px;border:1px solid #3c4662;border-radius:8px;margin:6px 0;cursor:pointer;overflow-wrap:anywhere}.layer.active{border-color:#afa6ff;background:#302f52}.layer span{flex:1}.tiny{padding:5px 7px;font-size:11px}.timeline{display:flex;gap:6px;align-items:stretch;overflow:auto;min-height:80px;width:100%;padding:9px;border:1px solid #3e4962;border-radius:11px;background:#151d30}.clip{min-width:125px;max-width:180px;text-align:left;white-space:normal;font-size:12px;line-height:1.5}.clip.active{background:#4d4275;border-color:#afa6ff}.video-preview{display:none}.transport{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.transport input[type=range]{width:200px}.stage video{max-width:100%;max-height:55vh}.panel-row{display:flex;gap:6px;flex-wrap:wrap}.notice{color:#e6d1a1;background:#302b25;border:1px solid #756447;padding:10px;border-radius:8px;font-size:12px}.overlay-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px}.chip{display:inline-flex;align-items:center;padding:5px;background:#2b344d;border-radius:5px;color:#ddd;font-size:11px}@media(max-width:960px){.main{grid-template-columns:180px minmax(0,1fr) 200px}.sidebar{padding:10px}}@media(max-width:700px){.shell{height:auto;min-height:100dvh}.main{display:flex;flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:none}.stage{min-height:390px;padding:12px}canvas{max-height:55vh}.topbar{padding:9px}.sidebar.right{border-left:0}.timeline{max-width:100vw}}

/* ToolsNest V6 creative workstation */
:root{--bg:#090b0f;--panel:#171a20;--line:#30333c;--accent:#12c8d2;--muted:#9ba3b0}
body{background:var(--bg);font-family:Inter,Segoe UI,system-ui,sans-serif}
.topbar{background:#111318;min-height:62px}.topbar strong{letter-spacing:.2px}.topbar a{color:#e5e7eb}
button{background:#292d35;border:1px solid #3b414b;border-radius:6px}button:hover{border-color:#13c6d0}.accent{background:#12c7d0;border-color:#12c7d0;color:#081018}
.sidebar{background:var(--panel);padding:13px}.sidebar.right{background:#1b1e25}.sidebar h3{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#f3f4f6}
.studio-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-bottom:18px}.studio-tabs button{padding:9px 1px;font-size:10px;text-align:center!important;background:transparent;border:none;color:#a5adba}.studio-tabs button.active{color:#15d5dc;border-bottom:2px solid #15d5dc;border-radius:0}
.inspector-heading{font-size:11px;font-weight:750;letter-spacing:1.4px;color:#27cbd3;border-bottom:1px solid #343943;padding-bottom:15px}
.preview-heading{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#e8edf2;font-size:12px}.preview-heading span{font-size:11px;color:#9aa3b0}
.stage{background:#101216;padding:14px;gap:10px}.video-stage canvas{background:#050506;box-shadow:0 5px 25px #0009;max-height:min(43vh,390px)}
.video-main{grid-template-columns:minmax(240px,24%) minmax(0,1fr) minmax(240px,22%)}
.video-stage{justify-content:flex-start}.video-stage .timeline{background:#202229;border-radius:5px;min-height:125px;border:1px solid #343944;align-self:stretch}.video-stage .timeline .clip{min-width:160px;max-width:220px;border-left:4px solid #14c7d0;background:linear-gradient(135deg,#195463,#243744);white-space:pre-line}.video-stage .timeline .clip.active{background:#166779;border-color:#c6fcff}
.timeline-heading{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #31343e}.timeline-heading strong{font-size:12px}.timeline-heading button{padding:6px 11px;font-size:11px}.track-label{align-self:stretch;color:#77dadd;background:#1a242b;padding:5px 12px;font-size:11px;border-left:3px solid #16c9d1}
.status{align-self:stretch}.transport{min-height:35px}.transport button{padding:7px 10px}.sidebar input:not([type=checkbox]),.sidebar select,.sidebar textarea{background:#242832;border:1px solid #424853}.notice{background:#28241b;border-color:#54492d}
.photo-stage canvas{max-height:calc(100dvh - 215px)}
@media(max-width:1100px){.video-main{grid-template-columns:220px minmax(0,1fr) 235px}.studio-tabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.video-main{display:flex;flex-direction:column}.video-stage canvas{max-height:44vh}.studio-tabs{grid-template-columns:repeat(4,1fr)}}

.photoUpload{display:block;padding:25px 10px;border:2px dashed #536174;border-radius:9px;text-align:center;background:#25313b;color:#45d6e3;cursor:pointer;font-weight:700}.photoUpload:hover{background:#2d414a}

/* V13 adjustable photo workspace */
.photo-main{grid-template-columns:var(--fn-photo-left,235px) minmax(0,1fr) var(--fn-photo-right,270px)}.photo-main>.sidebar{position:relative}#photoLeftResize,#photoRightResize{position:absolute;top:0;bottom:0;width:10px;cursor:col-resize;z-index:40;touch-action:none}#photoLeftResize{right:0}#photoRightResize{left:0}#photoLeftResize:hover,#photoRightResize:hover{background:#2fc5d477}@media(max-width:700px){#photoLeftResize,#photoRightResize{display:none}}