:root{font:14px/1.45 Inter,Segoe UI,Arial,sans-serif;color:#182336;background:#f1f4f8}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}header{height:76px;background:#fff;border-bottom:1px solid #dce3ed;display:flex;align-items:center;justify-content:space-between;padding:0 26px}header strong{font-size:21px;letter-spacing:-.6px}header strong span{font-weight:500;color:#61748e}header small{display:block;color:#8390a1;margin-top:2px}.actions{display:flex;gap:10px}button{border:1px solid #cad5e3;background:#fff;color:#26364c;border-radius:8px;padding:9px 14px;font-weight:600}.primary{background:#0759c8;color:white;border-color:#0759c8}button:hover{filter:brightness(.96)}main{height:calc(100vh - 76px);min-height:590px;display:grid;grid-template-columns:230px minmax(380px,1fr) 275px}.sidebar,.inspector{background:#fff;padding:23px 18px;overflow-y:auto}.sidebar{border-right:1px solid #dce3ed}.inspector{border-left:1px solid #dce3ed}.sidebar-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 9px}label{display:block;font-size:12px;font-weight:700;color:#67778e;margin:13px 0 6px}select,input[type=number]{width:100%;height:39px;padding:7px 9px;background:#fff;border:1px solid #d1dbe8;border-radius:7px;color:#203047}.slide-list{display:flex;flex-direction:column;gap:5px}.slide-btn{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid transparent;border-radius:8px;padding:11px 10px;font-weight:500}.slide-btn.active{background:#e9f1ff;border-color:#9ebdf6;color:#0759c8}.slide-btn span{font-size:11px;color:#8594a8}.hint,.muted{color:#7d899b;font-size:12px;line-height:1.65}.hint{border-top:1px solid #e7edf5;margin-top:25px;padding-top:17px}.workspace{display:flex;flex-direction:column;min-width:0}.workbar,.workspace-footer{padding:14px 22px;display:flex;align-items:center;gap:15px;justify-content:space-between;background:#fff;border-bottom:1px solid #dce3ed}.workbar span{color:#7b899c;font-size:12px}.canvas-area{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:30px;background-image:radial-gradient(#c9d3e1 1px,transparent 1px);background-size:20px 20px}.canvas-shell{box-shadow:0 14px 40px #1e2b3d35;line-height:0;background:#fff}.canvas-shell iframe{width:300px;border:0;display:block}.workspace-footer{border-top:1px solid #dce3ed;border-bottom:0;justify-content:flex-start}.workspace-footer span{color:#8b98a8;font-size:12px}.inspector h2{font-size:15px;margin:2px 0 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.separator{height:1px;background:#e7edf5;margin:23px 0}.filename{padding:9px;background:#f5f7fa;border-radius:6px;font-size:12px;word-break:break-all}.upload{display:block;text-align:center;padding:10px;border:1px dashed #9caec5;border-radius:7px;cursor:pointer;color:#0759c8}.upload input{display:none}#message{margin-top:18px;color:#0759c8;font-size:12px}dialog{border:0;border-radius:12px;padding:20px 24px;box-shadow:0 20px 80px #172b4d55}dialog::backdrop{background:#12213a99}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:30px}#livePreview{border:0;display:block;width:300px;margin:auto;background:white}@media(max-width:950px){main{grid-template-columns:180px minmax(300px,1fr) 235px}.sidebar,.inspector{padding:15px 10px}}