.et-studio-shell{--tag-accent:var(--orange);--studio-border:#bdb2a5;--studio-panel:#f8f4eee6;max-width:1600px;min-height:100vh;color:var(--ink);background:linear-gradient(#e9e1d5,#ded4c6);margin:auto;padding:0 24px 80px;font-size:16px}.et-studio-shell .studio-header{border-bottom:1px solid var(--studio-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:88px;padding:18px 0;display:flex}.et-studio-shell .et-studio-nav{flex-wrap:wrap;align-items:center;gap:18px;font-size:14px;font-weight:700;display:flex}.et-studio-shell .et-studio-nav a{color:var(--ink)}.et-studio-shell .logo-copy small{color:var(--orange)}.et-studio-shell .tag-title,.et-studio-shell .moon-heading{padding:24px 0 20px}.et-studio-shell .tag-title h1,.et-studio-shell .moon-heading h1{letter-spacing:-.035em;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.1}.et-studio-shell .tag-workspace,.et-studio-shell .moon-workspace{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:16px;display:grid}.et-studio-shell .tag-controls,.et-studio-shell .moon-controls,.et-studio-shell .tag-order,.et-studio-shell .moon-save,.et-studio-shell .moon-notes article{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:0;min-width:0}.et-studio-shell .tag-controls section{border-color:#c9beb1;padding:22px 18px}.et-studio-shell .tag-controls h2,.et-studio-shell .moon-section-label{color:var(--orange);letter-spacing:.08em;font-size:14px;font-weight:800}.et-studio-shell button,.et-studio-shell .tag-upload,.et-studio-shell .moon-import{color:#4e4740;background:#eee8df;border:1px solid #b8ada0;border-radius:4px;min-height:44px;font-size:14px;font-weight:700}.et-studio-shell button:hover{border-color:var(--orange);background:#fff}.et-studio-shell button[aria-pressed=true]{color:#fff;background:#1d1916;border-color:#1d1916}.et-studio-shell input:not([type=checkbox]):not([type=range]):not([type=file]),.et-studio-shell textarea,.et-studio-shell select{color:var(--ink);background:#fff;border-color:#b8ada0;border-radius:4px;min-height:44px;font-size:16px}.et-studio-shell .tag-note,.et-studio-shell .moon-controls small,.et-studio-shell .moon-save p{color:#625a52;line-height:1.55}.et-studio-shell .tag-preview,.et-studio-shell .moon-stage{background:#141820;border:1px solid #39342e;border-radius:0;overflow:hidden}.et-studio-shell .tag-preview{position:relative;top:0}.et-studio-shell .moon-stage{position:sticky;top:18px}.et-studio-shell .tag-preview-top button,.et-studio-shell .moon-views button{color:#eef1f7;background:#242a34;border-color:#4a5260}.et-studio-shell .tag-preview-top button[aria-pressed=true],.et-studio-shell .moon-views button[aria-pressed=true],.et-studio-shell .tag-order .button-primary{background:var(--orange);border-color:var(--orange);color:#fff}.et-studio-shell .tag-viewer,.et-studio-shell .tag-editor,.et-studio-shell .moon-canvas{height:clamp(390px,60vh,650px)}.et-studio-shell .tag-steps a{color:#4e4740;background:#eee8df;border:1px solid #c9beb1;border-radius:4px;min-height:44px}.et-studio-shell .tag-info,.et-studio-shell .moon-metrics{font-size:14px}.et-studio-shell .tag-order{margin-top:16px}.et-studio-shell .tag-title>span{display:none}.et-studio-shell .moon-controls{grid-area:1/1}.et-studio-shell .moon-stage{grid-area:1/2}.et-studio-shell :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media (width<=1000px){.et-studio-shell .tag-workspace,.et-studio-shell .moon-workspace{grid-template-columns:300px minmax(0,1fr)}}@media (width<=860px){.et-studio-shell{padding:0 12px 80px}.et-studio-shell .studio-header{gap:12px;min-height:72px}.et-studio-shell .et-studio-nav{gap:12px}.et-studio-shell .tag-workspace,.et-studio-shell .moon-workspace{flex-direction:column;gap:12px;display:flex}.et-studio-shell .tag-result{display:contents}.et-studio-shell .tag-preview,.et-studio-shell .moon-stage{order:-1;width:100%;position:relative;top:auto}.et-studio-shell .tag-controls,.et-studio-shell .moon-controls{order:0;width:100%}.et-studio-shell .tag-order{order:3;width:100%}.et-studio-shell .tag-result>.tag-note,.et-studio-shell .tag-warning{order:2}.et-studio-shell .tag-viewer,.et-studio-shell .tag-editor,.et-studio-shell .moon-canvas{height:clamp(260px,42vh,380px);min-height:260px}.et-studio-shell .moon-views{flex-wrap:wrap}.et-studio-shell .moon-views button{flex:auto;font-size:14px}.et-studio-shell .moon-notes{grid-template-columns:1fr}.et-studio-shell .moon-save{padding:18px}}