/* Focused editor workspace; load after style.css and creator.css. */
.studio-ui-enabled{--studio-header-height:64px;--studio-panel-width:264px;--studio-inspector-width:276px}
.studio-ui-enabled .header{height:var(--studio-header-height);min-height:0;padding:0 22px;gap:18px;background:var(--panel)}
.studio-ui-enabled .brand{font-size:23px;letter-spacing:-1px}
.studio-ui-enabled .brand span{font-size:11px}
.studio-ui-enabled .header nav{flex-wrap:nowrap;gap:3px;min-width:0}
.studio-ui-enabled .header .nav{padding:9px 13px;font-size:12px;min-height:36px;border-radius:6px}
.studio-ui-enabled .language-choice select{margin-top:0;padding:7px;min-height:34px}
.studio-ui-enabled .header .save-status{font-size:10px}
.studio-page-active{overflow:hidden}
.studio-page-active main{max-width:none;margin:0;height:calc(100dvh - var(--studio-header-height));min-height:0}
.studio-ui-enabled #page-studio{height:100%;min-height:0;padding:0;display:grid;grid-template-rows:58px minmax(0,1fr)}
.studio-ui-enabled #page-studio>.studio-heading{margin:0;padding:9px 20px;border-bottom:1px solid var(--line);gap:16px;align-items:center;flex-direction:row;background:var(--panel)}
.studio-ui-enabled #page-studio>.studio-heading .eyebrow{display:none}
.studio-ui-enabled #page-studio>.studio-heading h1{font-size:17px;font-weight:600;letter-spacing:-.45px;white-space:nowrap}
.studio-ui-enabled #page-studio .actions{gap:6px;align-items:center;flex-wrap:nowrap}
.studio-ui-enabled #page-studio .actions button{font-size:11px;min-height:34px;padding:7px 11px;border-radius:6px;white-space:nowrap}
.studio-ui-enabled #page-studio #undo,.studio-ui-enabled #page-studio #redo{border-color:transparent;background:transparent}
.studio-ui-enabled #page-studio #redo{font-size:18px;line-height:18px;min-width:34px;padding:4px}
.studio-ui-enabled #page-studio .studio-focus-button{background:transparent;border-color:transparent;color:var(--olive);margin-right:8px}
.studio-ui-enabled #page-studio .studio-focus-button[aria-pressed=true]{background:var(--soft)}
.studio-ui-enabled #page-studio .studio-grid{min-height:0;height:100%;display:grid;grid-template-columns:var(--studio-panel-width) minmax(0,1fr) var(--studio-inspector-width);gap:0;align-items:stretch}
.studio-ui-enabled #page-studio .assets-panel,.studio-ui-enabled #page-studio .inspector{min-width:0;min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c2c6b8 transparent;border:0;border-radius:0;padding:19px 17px 28px;grid-column:auto;background:var(--panel)}
.studio-ui-enabled #page-studio .assets-panel{border-right:1px solid var(--line)}
.studio-ui-enabled #page-studio .inspector{border-left:1px solid var(--line)}
.studio-ui-enabled #page-studio .section-head{margin-bottom:13px;gap:6px}
.studio-ui-enabled #page-studio .section-head h2{font-size:13px;letter-spacing:-.1px}
.studio-ui-enabled #page-studio .section-head .text-btn{font-size:10px;white-space:nowrap}
.studio-ui-enabled #page-studio .small-tabs{gap:1px;margin:0 0 15px;padding-bottom:9px}
.studio-ui-enabled #page-studio .small-tabs button{padding:7px 5px;font-size:10px;border-radius:5px}
.studio-ui-enabled #page-studio .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.studio-ui-enabled #page-studio .quick-card{border-radius:7px;box-shadow:none}
.studio-ui-enabled #page-studio .quick-card:hover{border-color:#a5b293;background:#f1f2e8}
.studio-ui-enabled #page-studio .quick-card img{height:123px;padding:5px;background:#f6f5ef}
.studio-ui-enabled #page-studio .quick-card span{padding:8px;font-size:10px;line-height:1.35}
.studio-ui-enabled #page-studio .assets-panel>.wide{font-size:11px}
.studio-ui-enabled #page-studio .upload-btn{font-size:11px;border-radius:6px;padding:11px;margin-top:11px}
.studio-ui-enabled #page-studio .small-note{font-size:10px;line-height:1.55}
.studio-ui-enabled #page-studio .body-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;background:#eae7df}
.studio-ui-enabled #page-studio .studio-stage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px 8px}
.studio-ui-enabled #page-studio .body-toolbar{padding:0;margin:0;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.studio-ui-enabled #page-studio .body-toolbar>span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px}
.studio-ui-enabled #page-studio .body-toolbar button{font-size:10px;min-height:26px}
.studio-ui-enabled #page-studio .studio-mode-switch{display:flex;flex-shrink:0;padding:3px;border:1px solid #d2d2c6;border-radius:7px;background:#f3f1eb;gap:2px}
.studio-ui-enabled #page-studio .studio-mode-button{font-size:11px;border:0;border-radius:4px;background:transparent;min-height:29px;padding:5px 11px}
.studio-ui-enabled #page-studio .studio-mode-button[aria-pressed=true]{background:var(--ink);color:var(--panel)}
.studio-ui-enabled #page-studio .studio-view-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 16px 10px}
.studio-ui-enabled #page-studio .view-tabs{margin:0;gap:2px;min-width:0;flex-shrink:0}
.studio-ui-enabled #page-studio .view-tabs button{font-size:10px;padding:6px 8px;min-height:30px;border-radius:5px;white-space:nowrap}
.studio-ui-enabled #page-studio .view-tabs button.active{background:#fffdf6;color:var(--ink);box-shadow:0 1px 3px #252a250b}
.studio-ui-enabled #page-studio .focus-toolbar{padding:0;gap:5px;flex-wrap:nowrap;min-width:0}
.studio-ui-enabled #page-studio .focus-toolbar label{display:none}
.studio-ui-enabled #page-studio .focus-toolbar select{font-size:10px;padding:7px;min-width:120px;max-width:175px;margin:0;border-color:#d3d4c9;background:transparent;border-radius:5px;min-height:30px}
.studio-ui-enabled #page-studio .focus-toolbar #reset-focus{font-size:0;min-width:28px;min-height:28px;padding:3px}
.studio-ui-enabled #page-studio .focus-toolbar #reset-focus:after{content:'↺';font-size:18px;line-height:1}
.studio-ui-enabled #page-studio .canvas-wrap{height:100%;min-height:0;min-width:0;border-radius:0;align-items:center;justify-content:center;background:#eae7df;overflow:hidden}
.studio-ui-enabled #page-studio .canvas-wrap canvas{width:auto;max-width:none;height:100%;max-height:none;flex:0 0 auto;display:block}
.studio-ui-enabled #page-studio[data-studio-mode=pan] .canvas-wrap canvas{cursor:grab}
.studio-ui-enabled #page-studio[data-studio-mode=pan] .canvas-wrap canvas:active{cursor:grabbing}
.studio-ui-enabled #page-studio .body-direction{bottom:9px;left:12px;right:12px;font-size:9px;color:#656b60;line-height:1.4;pointer-events:none}
.studio-ui-enabled #page-studio .studio-stage-footer{padding:8px 18px 10px;background:#f1efe8;border-top:1px solid #ddddd2;min-width:0}
.studio-ui-enabled #page-studio .zoom-toolbar{padding:0;margin:auto;gap:8px;flex-wrap:nowrap;max-width:410px;justify-content:center}
.studio-ui-enabled #page-studio .zoom-toolbar button{font-size:11px;padding:4px 9px;min-height:27px;border-radius:5px;background:transparent;border-color:transparent}
.studio-ui-enabled #page-studio .zoom-toolbar button:hover{background:var(--soft)}
.studio-ui-enabled #page-studio .zoom-toolbar label{font-size:10px}
.studio-ui-enabled #page-studio .zoom-toolbar input{width:110px;max-width:170px;min-width:40px;margin:0;accent-color:var(--olive)}
.studio-ui-enabled #page-studio .zoom-toolbar output{font-size:10px;min-width:29px;font-variant-numeric:tabular-nums}
.studio-ui-enabled #page-studio .canvas-bottom{margin-top:7px;font-size:9px;gap:8px;justify-content:space-between}
.studio-ui-enabled #page-studio .focus-note{margin:5px 0 0;text-align:center;font-size:9px;line-height:1.4}
.studio-ui-enabled #page-studio .inspector-tabs{padding-bottom:11px;margin-bottom:17px;gap:3px}
.studio-ui-enabled #page-studio .inspector-tabs button{border-radius:5px;font-size:11px;min-height:32px;padding:6px}
.studio-ui-enabled #page-studio .inspector label:not(.upload-btn){font-size:11px;margin-top:15px;line-height:1.5}
.studio-ui-enabled #page-studio .inspector :is(select,textarea){font-size:11px;border-radius:6px;padding:9px;min-height:35px;margin-top:6px}
.studio-ui-enabled #page-studio .inspector .check{font-size:11px!important;margin-top:13px}
.studio-ui-enabled #page-studio .inspector input[type=range]{margin-top:7px}
.studio-ui-enabled #page-studio .inspector .wide{min-height:34px;font-size:11px;margin-top:9px;border-radius:6px}
.studio-ui-enabled #page-studio #selected-name{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.studio-ui-enabled #page-studio #empty-inspector{padding:20px 3px 18px}
.studio-ui-enabled #page-studio #empty-inspector .empty-mark{font-size:27px;margin-bottom:10px}
.studio-ui-enabled #page-studio #empty-inspector h3{font-size:13px}
.studio-ui-enabled #page-studio #empty-inspector p{font-size:11px}
.studio-ui-enabled #page-studio #empty-inspector button{font-size:10px;min-height:34px}
.studio-ui-enabled #page-studio .layers-section{margin-top:20px;padding-top:17px}
.studio-ui-enabled #page-studio .layers-section h2{font-size:12px}
.studio-ui-enabled #page-studio .layer{font-size:10px;padding:9px 8px;border-radius:5px;gap:9px}
.studio-ui-enabled #page-studio .layer>span{min-width:0;overflow-wrap:anywhere}
.studio-ui-enabled #page-studio .layer small{font-size:9px;max-width:88px;flex-shrink:0}
.studio-ui-enabled #page-studio .pose-toolbar{margin:0 0 12px}
.studio-ui-enabled #page-studio .pose-toolbar label{display:block}
.studio-ui-enabled #page-studio .pose-note{padding:10px;background:var(--soft);border-radius:6px;margin:0 0 12px}
.studio-ui-enabled #page-studio .pose-copy{font-size:11px;line-height:1.5;border-bottom:1px solid var(--line);padding:10px 0 14px}
.studio-ui-enabled #page-studio .pose-copy summary{cursor:pointer;line-height:1.5;padding:4px 0;color:var(--olive)}
.studio-ui-enabled #page-studio .surface-tools{border:1px solid var(--line);border-radius:6px;padding:10px 11px;margin-top:17px;font-size:11px;line-height:1.5}
.studio-ui-enabled #page-studio .surface-tools summary{cursor:pointer;color:var(--olive);padding:3px 0;font-weight:500}
.studio-ui-enabled #page-studio .surface-tools .small-note{margin-top:11px}
.studio-ui-enabled #page-studio .nudge-controls{display:flex;gap:5px;margin-top:12px}
.studio-ui-enabled #page-studio .nudge-controls button{flex:1;min-width:0;font-size:17px;min-height:35px;padding:5px;background:transparent;border-radius:5px}
.studio-ui-enabled #page-studio .mobile-live-preview{display:none!important}
.studio-ui-enabled #page-studio .studio-mobile-nav,.studio-ui-enabled #page-studio .studio-panel-handle{display:none}
.studio-ui-enabled #page-studio.studio-focused .studio-grid{grid-template-columns:minmax(0,1fr)}
.studio-ui-enabled #page-studio.studio-focused .assets-panel,.studio-ui-enabled #page-studio.studio-focused .inspector{display:none}
.studio-ui-enabled #page-studio.studio-focused .studio-stage-header,.studio-ui-enabled #page-studio.studio-focused .studio-view-tools{padding-left:24px;padding-right:24px}
.studio-ui-enabled #page-studio :is(select,textarea,button):focus-visible{outline:2px solid #71835f;outline-offset:2px}
@media(min-width:1600px){.studio-ui-enabled{--studio-panel-width:290px;--studio-inspector-width:300px}.studio-ui-enabled #page-studio .quick-card img{height:150px}}
@media(min-width:901px) and (max-width:1180px){.studio-ui-enabled{--studio-panel-width:224px;--studio-inspector-width:240px}.studio-ui-enabled .header{gap:10px;padding:0 16px}.studio-ui-enabled .brand span{display:none}.studio-ui-enabled .header .nav{font-size:11px;padding:8px 10px}.studio-ui-enabled .header .save-status{display:none}.studio-ui-enabled #page-studio .assets-panel,.studio-ui-enabled #page-studio .inspector{padding:15px 13px 24px}.studio-ui-enabled #page-studio .studio-stage-header{flex-wrap:wrap;gap:5px;padding:9px 11px 7px}.studio-ui-enabled #page-studio .body-toolbar{flex:1}.studio-ui-enabled #page-studio .body-toolbar>span{display:none}.studio-ui-enabled #page-studio .studio-view-tools{gap:5px;padding:0 9px 8px;flex-wrap:wrap;justify-content:center}.studio-ui-enabled #page-studio .focus-toolbar{flex:1;justify-content:center}.studio-ui-enabled #page-studio .focus-toolbar select{max-width:190px}.studio-ui-enabled #page-studio .quick-card img{height:106px}.studio-ui-enabled #page-studio .small-tabs button{font-size:9px;padding:6px 4px}.studio-ui-enabled #page-studio .canvas-bottom{justify-content:center}.studio-ui-enabled #page-studio .canvas-bottom>span:last-child{display:none}}
@media(max-width:900px){
 .studio-ui-enabled{--studio-header-height:102px;--studio-mobile-nav-height:calc(61px + env(safe-area-inset-bottom,0px));--studio-sheet-height:min(32dvh,270px)}
 .studio-ui-enabled .header{height:var(--studio-header-height);padding:10px 15px 7px;gap:5px 10px;display:flex;flex-wrap:wrap;align-content:center}
 .studio-ui-enabled .header .brand{font-size:23px}.studio-ui-enabled .header .brand span{display:none}
 .studio-ui-enabled .header nav{order:3;flex-basis:100%;width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;gap:4px;justify-content:flex-start}
 .studio-ui-enabled .header nav::-webkit-scrollbar{display:none}
 .studio-ui-enabled .header .nav{font-size:11px;padding:8px 10px;min-height:36px;flex-shrink:0}
 .studio-ui-enabled .header .save-status{display:none}.studio-ui-enabled .language-choice{margin-left:auto}.studio-ui-enabled .language-choice select{min-height:32px;padding:6px;font-size:11px}
 .studio-ui-enabled #page-studio{grid-template-rows:49px minmax(0,1fr) var(--studio-mobile-nav-height)}
 .studio-ui-enabled #page-studio>.studio-heading{padding:6px 12px;gap:7px;align-items:center}
 .studio-ui-enabled #page-studio>.studio-heading h1{font-size:14px;letter-spacing:-.2px}
 .studio-ui-enabled #page-studio .actions{gap:2px;justify-content:flex-end}
 .studio-ui-enabled #page-studio .actions button{padding:7px 8px;font-size:10px;min-height:35px}
 .studio-ui-enabled #page-studio .actions .studio-focus-button{display:none}
 .studio-ui-enabled #page-studio .studio-grid,.studio-ui-enabled #page-studio.studio-focused .studio-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0}
 .studio-ui-enabled #page-studio .body-panel{grid-row:1;grid-column:1;min-height:0}
 .studio-ui-enabled #page-studio .assets-panel,.studio-ui-enabled #page-studio .inspector{display:none;grid-column:1;grid-row:2;border:0;border-top:1px solid #cacfc1;padding:0 18px 22px;min-height:0;max-height:none;box-shadow:0 -4px 20px #252a2508}
 .studio-ui-enabled #page-studio[data-studio-panel=assets] .studio-grid,.studio-ui-enabled #page-studio[data-studio-panel=tattoo] .studio-grid,.studio-ui-enabled #page-studio[data-studio-panel=body] .studio-grid{grid-template-rows:minmax(0,1fr) var(--studio-sheet-height)}
 .studio-ui-enabled #page-studio[data-studio-panel=assets] .assets-panel,.studio-ui-enabled #page-studio[data-studio-panel=tattoo] .inspector,.studio-ui-enabled #page-studio[data-studio-panel=body] .inspector{display:block}
 .studio-ui-enabled #page-studio .studio-stage-header,.studio-ui-enabled #page-studio.studio-focused .studio-stage-header{padding:7px 12px;gap:6px;justify-content:space-between}
 .studio-ui-enabled #page-studio .body-toolbar{gap:0;flex-direction:column;align-items:flex-start}
 .studio-ui-enabled #page-studio .body-toolbar>span{font-size:10px;max-width:170px}
 .studio-ui-enabled #page-studio .body-toolbar button{font-size:10px;min-height:24px}
 .studio-ui-enabled #page-studio .studio-mode-switch{padding:2px;gap:1px}
 .studio-ui-enabled #page-studio .studio-mode-button{font-size:11px;padding:6px 9px;min-height:33px}
 .studio-ui-enabled #page-studio .studio-view-tools,.studio-ui-enabled #page-studio.studio-focused .studio-view-tools{padding:0 10px 7px;gap:4px}
 .studio-ui-enabled #page-studio .view-tabs{gap:0;flex:1;justify-content:flex-start}
 .studio-ui-enabled #page-studio .view-tabs button{font-size:10px;padding:6px;min-height:32px;flex:1}
 .studio-ui-enabled #page-studio .focus-toolbar{flex:0 1 35%;min-width:100px}
 .studio-ui-enabled #page-studio .focus-toolbar select{font-size:10px;min-width:0;width:100%;max-width:none;min-height:32px;padding:6px}
 .studio-ui-enabled #page-studio .body-direction{font-size:8px;bottom:6px}
 .studio-ui-enabled #page-studio .studio-stage-footer{padding:5px 14px 6px}
 .studio-ui-enabled #page-studio .zoom-toolbar{gap:7px;max-width:450px}
 .studio-ui-enabled #page-studio .zoom-toolbar button{min-width:34px;min-height:32px;font-size:12px;padding:5px 7px}
 .studio-ui-enabled #page-studio .zoom-toolbar input{max-width:200px;min-height:26px}
 .studio-ui-enabled #page-studio .canvas-bottom{margin:2px 0 0;justify-content:center;font-size:9px}
 .studio-ui-enabled #page-studio .canvas-bottom>span:last-child,.studio-ui-enabled #page-studio .focus-note{display:none}
 .studio-ui-enabled #page-studio:not([data-studio-panel=none]) .body-toolbar>span{display:none}
 .studio-ui-enabled #page-studio:not([data-studio-panel=none]) .canvas-bottom{display:none}
 .studio-ui-enabled #page-studio .studio-mobile-nav{display:flex;position:relative;z-index:5;background:var(--panel);border-top:1px solid var(--line);padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));gap:6px}
 .studio-ui-enabled #page-studio .studio-mobile-tab{flex:1;min-width:0;border:0;border-radius:7px;background:transparent;min-height:46px;font-size:12px;font-weight:500;padding:7px}
 .studio-ui-enabled #page-studio .studio-mobile-tab.active{background:var(--soft);color:var(--olive)}
 .studio-ui-enabled #page-studio .studio-panel-handle{display:flex;justify-content:flex-end;position:sticky;top:0;background:var(--panel);z-index:2;margin:0 -2px 5px;padding:4px 0;border-bottom:1px solid var(--line)}
 .studio-ui-enabled #page-studio .studio-panel-handle:before{content:'';display:block;position:absolute;top:9px;left:calc(50% - 15px);width:30px;height:3px;background:#c9cebf;border-radius:2px}
 .studio-ui-enabled #page-studio .studio-panel-close{font-size:10px;padding:6px 0 6px 12px;min-height:34px;border:0;background:transparent;color:var(--muted)}
 .studio-ui-enabled #page-studio .inspector-tabs{display:none}
 .studio-ui-enabled #page-studio .assets-panel .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .studio-ui-enabled #page-studio .quick-card img{height:110px}
 .studio-ui-enabled #page-studio .quick-card span{font-size:11px}
 .studio-ui-enabled #page-studio .small-tabs button{font-size:11px;min-height:40px;padding:8px 10px}
 .studio-ui-enabled #page-studio .inspector label:not(.upload-btn){font-size:12px!important}
 .studio-ui-enabled #page-studio .inspector :is(select,textarea){font-size:13px;min-height:42px}
 .studio-ui-enabled #page-studio .inspector input[type=range]{min-height:28px}
 .studio-ui-enabled #page-studio .inspector :is(.wide,.row-actions button){min-height:42px;font-size:12px}
 .studio-ui-enabled #page-studio .nudge-controls button{min-height:42px}
 .studio-ui-enabled #page-studio .upload-btn{display:block;font-size:12px;min-height:44px}
 .studio-page-active #toast{bottom:calc(var(--studio-mobile-nav-height) + 10px);z-index:30;font-size:12px;padding:11px 15px}
}
@media(max-width:420px){.studio-ui-enabled #page-studio>.studio-heading h1{font-size:13px}.studio-ui-enabled #page-studio #save-design{font-size:9px;padding:7px 6px}.studio-ui-enabled #page-studio .actions button{font-size:10px;padding:7px 6px}.studio-ui-enabled #page-studio .body-toolbar>span{max-width:130px}.studio-ui-enabled #page-studio .body-toolbar button{font-size:9px}.studio-ui-enabled #page-studio .studio-mode-button{font-size:10px;padding:6px 8px}.studio-ui-enabled #page-studio .view-tabs button{font-size:9px;padding:6px 4px}.studio-ui-enabled #page-studio .focus-toolbar{min-width:96px}.studio-ui-enabled #page-studio .focus-toolbar select{font-size:9px}}
@media(max-width:900px) and (max-height:620px){.studio-ui-enabled{--studio-header-height:54px;--studio-sheet-height:46dvh}.studio-ui-enabled .header{flex-wrap:nowrap;padding:6px 10px}.studio-ui-enabled .header nav{order:0;flex-basis:auto;flex:1;width:auto}.studio-ui-enabled .header .brand{font-size:18px}.studio-ui-enabled .language-choice{display:none}.studio-ui-enabled #page-studio{grid-template-rows:43px minmax(0,1fr) 53px}.studio-ui-enabled #page-studio .studio-mobile-nav{padding:3px 8px}.studio-ui-enabled #page-studio .studio-mobile-tab{min-height:43px}.studio-ui-enabled #page-studio .studio-stage-header{padding:3px 9px}.studio-ui-enabled #page-studio .studio-view-tools{padding-bottom:3px}.studio-ui-enabled #page-studio .studio-stage-footer{padding:1px 8px}.studio-ui-enabled #page-studio .body-toolbar>span{display:none}.studio-ui-enabled #page-studio:not([data-studio-panel=none]) .studio-grid{grid-template-columns:minmax(0,1fr) minmax(245px,42%);grid-template-rows:minmax(0,1fr)}.studio-ui-enabled #page-studio:not([data-studio-panel=none]) .assets-panel,.studio-ui-enabled #page-studio:not([data-studio-panel=none]) .inspector{grid-column:2;grid-row:1;border-left:1px solid var(--line);border-top:0}.studio-ui-enabled #page-studio .canvas-bottom{display:none}}
@media(prefers-reduced-motion:reduce){.studio-ui-enabled #page-studio *{scroll-behavior:auto!important}}

/* The small pose-following prototype shares the inspector's visual hierarchy. */
.studio-ui-enabled #page-studio #body-inspector:not([hidden]){display:flex;flex-direction:column}
.studio-ui-enabled #page-studio #body-inspector>.section-head{order:-2}
.studio-ui-enabled #page-studio #body-inspector>.anchor-demo{order:-1}
.studio-ui-enabled #page-studio :is(.anchor-demo,.body-anchor-tools){min-width:0;margin:0 0 17px;padding:12px;border:1px solid #d2d8c7;border-radius:7px;background:#f3f4ec}
.studio-ui-enabled #page-studio .anchor-demo>.tiny-label{display:block;margin-bottom:9px;color:var(--olive);font-size:9px;letter-spacing:.09em;font-weight:600}
.studio-ui-enabled #page-studio :is(.anchor-demo,.body-anchor-tools)>.wide{display:block;width:100%;min-width:0;min-height:38px;margin:0;padding:9px 10px;font-size:11px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;border-radius:5px}
.studio-ui-enabled #page-studio #start-anchor-demo{background:var(--olive);color:#fffdf6;border-color:var(--olive);font-weight:500}
.studio-ui-enabled #page-studio #start-anchor-demo:hover{filter:brightness(.95)}
.studio-ui-enabled #page-studio :is(.anchor-demo,.body-anchor-tools)>.small-note{margin:9px 0 0;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.studio-ui-enabled #page-studio .body-anchor-tools{margin-top:12px;background:#f8f8f1}
.studio-ui-enabled #page-studio #anchor-pose-actions:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:11px 0 0}
.studio-ui-enabled #page-studio #anchor-pose-actions button{min-width:0;min-height:36px;padding:8px 6px;font-size:11px;line-height:1.25;white-space:normal;border-radius:5px;background:var(--panel)}
.studio-ui-enabled #page-studio #anchor-pose-actions button[aria-pressed=true],.studio-ui-enabled #page-studio #anchor-pose-actions button.active{background:var(--ink);color:var(--panel);border-color:var(--ink)}
@media(max-width:900px){
 .studio-ui-enabled #page-studio :is(.anchor-demo,.body-anchor-tools){padding:12px;margin-bottom:15px}
 .studio-ui-enabled #page-studio .anchor-demo>.tiny-label{font-size:10px}
 .studio-ui-enabled #page-studio :is(.anchor-demo,.body-anchor-tools)>.wide,.studio-ui-enabled #page-studio #anchor-pose-actions button{min-height:44px;font-size:12px}
 .studio-ui-enabled #page-studio :is(.anchor-demo,.body-anchor-tools)>.small-note{font-size:11px;line-height:1.5}
}
@media(max-width:420px){
 .studio-ui-enabled #page-studio .studio-heading .actions{min-width:0}
 .studio-ui-enabled #page-studio .actions :is(#save-design,#export-png){max-width:92px;white-space:normal;line-height:1.2}
}