.studio-shell{max-width:1600px;margin:auto;padding:28px 36px}.header-actions{display:flex;align-items:center;gap:18px;font-size:12px}.header-actions a{text-decoration:none}.studio-title{display:flex;justify-content:space-between;align-items:end;margin:36px 0 28px}.studio-title h1{font-family:Georgia,'Times New Roman',serif;font-size:43px;font-weight:400;letter-spacing:-1.7px;margin-top:12px;line-height:1.12}.eyebrow{font-size:9px;letter-spacing:2px;color:#8a8b78}.workspace{display:grid;grid-template-columns:220px minmax(300px,1fr) 300px;gap:22px;align-items:start}.library,.inspector{background:#fffdf7;border:1px solid #e4e0d5;border-radius:15px;padding:18px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.section-top h2{font-size:16px;margin:0}.pill{font-size:10px;background:#ebece0;color:#626d51;border-radius:30px;padding:5px 9px;white-space:nowrap}.filters{display:flex;gap:5px;margin:12px 0 18px}.filters button{background:transparent;color:#8b8c7d;border:1px solid #e1dfd3;padding:7px 10px;border-radius:7px;font-size:11px}.filters button.selected{background:#455239;color:white;border-color:#455239}.library-card{display:block;width:100%;padding:10px;margin:10px 0;background:#f0eee5;color:#323c2c;text-align:left;border:1px solid transparent;border-radius:10px}.library-card.selected{border-color:#596a46;background:#e8ebde}.library-card canvas{display:block;max-width:100%;height:130px;max-height:130px;margin:5px auto 12px;box-shadow:1px 3px 7px #3332;transform:rotate(-3deg)}.library-card strong{display:block;font-size:13px}.library-card span{font-size:10px;color:#818674;display:block;margin-top:5px}.artboard-panel{min-width:0}.artboard-panel>.section-top{height:32px}.artboard-panel label{font-size:11px;color:#858875}.board-space{border-radius:18px;background:#e6e4d9;background-image:radial-gradient(#b7b8a95e .8px,transparent .8px);background-size:16px 16px;min-height:540px;display:flex;align-items:center;justify-content:center;padding:36px 24px;overflow:hidden}#artboard{position:relative;box-shadow:0 16px 30px #3333;max-width:100%;width:300px;line-height:0;background:#fffdf8}#preview{width:100%;display:block}#slotLayer{position:absolute;inset:0}.slot-box{position:absolute;border:1.5px dashed #fff;background:#ffffff08;box-shadow:0 0 0 1px #45523977;touch-action:none;cursor:move}.slot-box.active{border:2px solid #d3eaa6;box-shadow:0 0 0 1px #455239}.slot-number{position:absolute;top:5px;left:5px;line-height:20px;min-width:20px;text-align:center;background:#455239;color:white;border-radius:4px;font-size:10px}.resize-handle{position:absolute;bottom:-6px;right:-6px;width:13px;height:13px;border:2px solid white;border-radius:3px;background:#455239;cursor:nwse-resize}.board-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8b8d7d;margin:14px 0;line-height:1.5}#quality{font-size:11px;line-height:1.7;color:#96744f}#quality p{margin:4px 0}.inspector label{display:block;font-size:11px;color:#7b806e;margin:13px 0 7px}.inspector input:not([type=checkbox]),.inspector select{width:100%;min-width:0;background:#fbfaf5;padding:10px;border:1px solid #deded1;border-radius:7px;color:#3b4434;font-size:12px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.field-pair button{align-self:end;padding:10px 5px;font-size:11px;height:37px}.upload-box{border:1px dashed #aeb699;padding:18px 10px;text-align:center;border-radius:10px;cursor:pointer;background:#f3f4e9}.upload-box b{display:block;color:#586747;font-size:12px}.upload-box span{display:block;font-size:10px;margin-top:6px;overflow-wrap:anywhere}.text-button{background:none;color:#7e8869;padding:0;font-size:10px}.inspector hr{margin:19px 0}.enabled{font-size:11px!important;margin:20px 0!important}.save-actions{display:flex;gap:8px}.save-actions button{font-size:11px;padding:12px 10px;flex:1}.inspector small{display:block;font-size:10px;margin-top:10px}.file-button{cursor:pointer;padding:12px;border-radius:9px}.studio-shell #notice{margin:12px 0;font-size:12px}.studio-shell #notice:empty{display:none}#libraryList{max-height:800px;overflow-y:auto}input[type=checkbox]{accent-color:#455239}.inspector #slotTabs{margin-bottom:3px}@media(min-width:1500px){.workspace{grid-template-columns:250px minmax(300px,1fr) 330px}.board-space{min-height:680px}}@media(max-width:1100px){.workspace{grid-template-columns:170px minmax(230px,1fr) 265px;gap:12px}.studio-shell{padding:22px}.inspector,.library{padding:13px}.board-space{padding:24px 16px;min-height:450px}.board-bottom{flex-direction:column}.header-actions{gap:9px}}@media(max-width:850px){.workspace{grid-template-columns:1fr 1fr}.library{grid-column:1/-1}#libraryList{display:flex;gap:12px;max-height:none;overflow-x:auto}.library-card{min-width:140px;width:140px;margin:0}.library-card canvas{height:90px}.library .filters{margin-bottom:12px}.studio-title h1{font-size:33px}.studio-title{gap:18px}.studio-title .header-actions{flex-direction:column}.board-space{min-height:360px}.artboard-panel>.section-top{height:auto;flex-wrap:wrap}}@media(max-width:580px){.workspace{grid-template-columns:1fr}.studio-shell{padding:17px}.studio-title{align-items:start}.studio-title h1{font-size:28px}.header-actions{font-size:10px}.studio-title .header-actions button,.file-button{padding:10px;font-size:10px}.board-space{min-height:420px}#artboard{max-width:250px}.inspector{padding:20px}.studio-shell header{padding-bottom:18px}.studio-shell header button{padding:8px;font-size:11px}}
.workspace>*,.library,#libraryList{min-width:0}.library-card{flex-shrink:0}
