.studio-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.studio-tag{font:11px monospace;letter-spacing:1px;color:#49673c;background:#e5f0db;padding:7px 10px;border-radius:4px}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-card{background:white;border:1px solid #d5dfce;text-align:left;border-radius:8px;padding:20px;display:grid;grid-template-columns:35px 1fr;gap:5px 13px;transition:background .15s}.studio-card:hover{background:#edf5e6;border-color:#92b678}.studio-card>span{font-size:25px;color:#63834e;grid-row:1/3}.studio-card strong{font-size:17px;font-weight:500}.studio-card p{font-size:13px;line-height:1.6;color:#65745e;margin:0}.studio-card:last-child{grid-column:1/-1}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:22px}.studio-preview{background:#1b2328;border:1px solid #34413c;border-radius:7px;min-height:300px;display:flex;flex-direction:column;overflow:hidden;position:relative}.studio-preview canvas{display:block;width:100%;height:330px;object-fit:contain;image-rendering:pixelated;touch-action:none}.studio-preview-tall canvas{height:410px}.studio-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #ffffff17;color:#bfcfc4;font:11px monospace}.studio-preview-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 15px;color:#b7c7be;font-size:12px;border-top:1px solid #ffffff17;margin-top:auto}.studio-preview-footer button{border:1px solid #c4d2c54d;color:#ddeedb;background:transparent;border-radius:4px;padding:5px 10px;font-size:12px}.studio-controls{display:flex;flex-direction:column;gap:15px;min-width:0}.studio-controls .form-grid{gap:10px}.studio-controls .field{font-size:12px}.studio-controls .field input:not([type=checkbox]):not([type=range]),.studio-controls .field select{padding:9px}.studio-controls .button{min-height:37px;padding:8px 12px;font-size:12px}.studio-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.studio-toolbar button,.studio-toolbar label{font-size:12px}.studio-toolbar .button{min-height:36px;padding:8px 12px}.studio-list{display:flex;flex-direction:column;gap:7px;max-height:180px;overflow:auto}.studio-list-item{display:flex;align-items:center;gap:9px;border:1px solid #d8e2d0;border-radius:5px;background:#fff;padding:8px 10px;font-size:12px}.studio-list-item>button:first-child{border:0;background:transparent;text-align:left;flex:1;color:#30412a;font-size:12px}.studio-list-item.active{background:#e8f2df;border-color:#97bb79}.studio-list-item .icon-button{font-size:17px;min-width:22px;min-height:22px}.studio-empty{color:#718168;font-size:13px;line-height:1.7;border:1px dashed #cad8c0;border-radius:6px;padding:18px;text-align:center}.studio-inline{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5}.studio-error{font-size:13px;color:#983b29;line-height:1.6}.studio-caption{font-size:12px;line-height:1.7;color:#63725c;margin:10px 0}.studio-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:23px}.studio-actions>div{display:flex;gap:8px;flex-wrap:wrap}.studio-actions .button{min-height:40px;padding:10px 15px;font-size:13px}.studio-separator{border:0;border-top:1px solid #dbe4d4;margin:3px 0}.studio-preview-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-preview-split .studio-preview{min-height:210px}.studio-preview-split canvas{height:210px}.studio-controls output{color:#607a4d;float:right}.edition-grid,.part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.edition-card,.part-card{padding:12px;background:#fff;border:1px solid #d3dfc9;border-radius:6px;min-width:0;text-align:left;color:#243620}.edition-card.active,.part-card.active{background:#e9f4df;border-color:#83a961}.edition-card canvas,.part-card canvas{width:100%;height:95px;object-fit:contain;image-rendering:pixelated;display:block;background:repeating-conic-gradient(#eef2e9 0% 25%,#e5eadf 0% 50%) 50%/12px 12px;border-radius:4px;margin-bottom:10px}.edition-card strong,.part-card strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edition-card small,.part-card small{display:block;font-size:11px;line-height:1.6;margin-top:5px;color:#6c7e61}.edition-state{font-size:10px!important;color:#8a5b1c!important}.part-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.part-preview{background:#1c262a;border-radius:6px;padding:12px}.part-preview canvas{width:100%;height:135px;object-fit:contain;image-rendering:pixelated}.part-grid{max-height:400px;overflow:auto;align-content:start}.part-bindings{font-size:11px;line-height:1.7;color:#687c5c;max-height:120px;overflow:auto}.stage-buttons{display:flex;gap:8px;justify-content:center;margin-top:12px}.stage-buttons button{min-width:45px;min-height:38px;border:1px solid #bacdae;border-radius:5px;background:#f4f8ef;color:#30422b;touch-action:none}.stage-buttons button:active{background:#bcf974}.lighting-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#a3b9ad}.lighting-legend span:before{content:'';display:inline-block;width:8px;height:8px;background:var(--material);margin-right:5px}.studio-preview canvas:focus-visible{outline:2px solid #bcf974;outline-offset:-3px}.studio-controls select,.studio-controls input{max-width:100%}.studio-controls input[type=color]{min-height:38px;padding:3px!important}.small-presets{display:flex;gap:5px;flex-wrap:wrap}.small-presets button{background:#eaf2e3;border:1px solid #cbdaba;border-radius:4px;padding:6px 9px;font-size:11px}.small-presets button:hover{background:#d9edc6}.studio-counter{font:11px monospace;color:#628049}.edition-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.studio-preview .anchor-hint{position:absolute;top:48px;left:12px;pointer-events:none;font:10px monospace;color:#b9d5c0}.studio-grid button:focus-visible,.part-card:focus-visible,.edition-card:focus-visible{outline:3px solid #7caf55;outline-offset:2px}
@media(max-width:760px){.studio-layout,.part-layout{grid-template-columns:1fr}.studio-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-controls>.full{grid-column:1/-1}.studio-preview canvas{height:270px}.studio-preview-tall canvas{height:330px}.studio-list{max-height:140px}.part-grid{max-height:220px}.part-preview{display:none}.studio-grid{grid-template-columns:1fr}.studio-card:last-child{grid-column:auto}.studio-preview-split canvas{height:170px}.studio-preview-split .studio-preview{min-height:170px}.edition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.studio-controls{grid-template-columns:1fr}.studio-card{padding:16px}.studio-card strong{font-size:16px}.studio-card p{font-size:12px}.studio-actions{align-items:stretch}.studio-actions>div{width:100%;justify-content:flex-end}.studio-actions .button{font-size:12px;padding:9px 11px}.studio-preview canvas{height:235px}.studio-preview-split{gap:8px}.studio-preview-split canvas{height:140px}.studio-preview-heading{font-size:10px;padding:10px}.part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-preview-footer{font-size:10px;padding:10px}.studio-intro{align-items:start}.studio-tag{font-size:9px}.editor-menus button[data-action=studio]{color:#bcf974}}