.studio-panel{background:var(--surface-panel,#fff);height:100%;min-height:0;color:var(--text-main,#17253b);flex-direction:column;font-size:12px;line-height:1.5;display:flex}.studio-panel-heading{border-bottom:1px solid var(--line-subtle,#e6e9ef);flex-shrink:0;align-items:center;gap:10px;height:68px;padding:12px 16px;display:flex}.studio-panel-heading>svg{color:var(--action,#1267df)}.studio-panel-heading h2{margin:0;font-size:16px;font-weight:650}.studio-panel-heading p{color:var(--text-muted);margin:2px 0 0;font-size:10px}.studio-panel-heading>button{width:25px;height:25px;margin-left:auto}.studio-tabs{border-bottom:1px solid var(--line-subtle,#e6e9ef);flex-shrink:0;gap:24px;height:44px;padding:0 16px;display:flex}.studio-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:12px;position:relative}.studio-tabs button[aria-selected=true]{color:var(--action,#1267df);font-weight:600}.studio-tabs button[aria-selected=true]:after{content:"";background:var(--action,#1267df);height:2px;position:absolute;bottom:0;left:0;right:0}.studio-tabs button:hover{color:var(--action)}.studio-element-scroll{scrollbar-width:thin;flex:1;min-height:100px;padding:18px 12px;overflow:auto}.studio-section-label{color:var(--text-muted);justify-content:space-between;margin:0 5px 14px;font-size:10px;display:flex}.studio-section-label>span{font-variant-numeric:tabular-nums}.studio-element-row{border:1px solid #0000;border-radius:4px;align-items:center;height:40px;margin:3px 0;font-size:13px;display:flex}.studio-element-row[data-selected=true]{background:var(--action-soft,#eaf2ff);border-color:color-mix(in srgb,var(--action) 18%,transparent);color:var(--action,#1267df)}.studio-element-row[data-visible=false]{color:var(--text-muted)}.studio-element-row:hover{background:var(--surface-hover,#f3f5f8)}.studio-element-row button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:10px;display:flex}.studio-element-row>button:first-child{text-align:left;flex:1}.studio-element-row>.studio-visibility{opacity:.75;border-radius:4px;margin-right:2px;padding:8px}.studio-element-row>.studio-visibility:hover{background:color-mix(in srgb,var(--action) 10%,transparent);opacity:1}.studio-locked{opacity:.5;margin-right:13px}.studio-add-title{width:100%;margin-top:12px;font-size:11px}.studio-help{color:var(--text-muted);margin:14px 0 0;font-size:11px;line-height:1.8}.studio-element-scroll>.studio-help{padding:0 5px}.studio-fieldset.studio-page-settings{border-top:1px solid var(--line-subtle,#e6e9ef);flex-shrink:0;max-height:52%;padding:18px 16px;overflow:auto}.studio-panel h3{justify-content:space-between;align-items:center;margin:0 0 14px;font-size:12px;font-weight:600;display:flex}.studio-panel h3>span{color:var(--text-muted);font-size:10px;font-weight:400}.studio-fieldset{border:0;min-width:0;margin:0;padding:0}.studio-fieldset:disabled{opacity:.55}.studio-field-grid{grid-template-columns:1fr 1fr;gap:12px 10px;display:grid}.studio-field{min-width:0;color:var(--text-muted);flex-direction:column;gap:7px;font-size:11px;display:flex}.studio-field+.studio-field:not(.studio-field-grid>.studio-field),.studio-field-grid+.studio-field{margin-top:14px}.studio-panel input:not([type=checkbox]),.studio-panel [role=combobox],.studio-panel textarea{background:var(--surface-panel);border:1px solid var(--line-subtle,#e0e5ed);width:100%;min-width:0;height:33px;color:var(--text-main);box-shadow:none;border-radius:4px;font-size:12px}.studio-panel textarea{resize:vertical;height:auto;padding:8px 10px}.studio-panel input:focus-visible,.studio-panel textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--action) 25%,transparent);border-color:var(--action)}.studio-number{position:relative}.studio-number input{appearance:textfield;padding-right:23px}.studio-number input::-webkit-inner-spin-button{appearance:none}.studio-number>span{pointer-events:none;color:var(--text-muted);font-size:10px;position:absolute;top:9px;right:9px}.studio-panel [role=radiogroup]{border:1px solid var(--line-subtle);background:var(--surface-hover);border-radius:4px;padding:2px}.studio-panel [role=radio]{min-height:27px;box-shadow:none;border-radius:3px;font-size:11px}.studio-inspector{border-left:1px solid var(--line-subtle,#e6e9ef);z-index:20;flex:0 0 256px;width:256px;position:relative}.studio-inspector-heading{border-bottom:1px solid var(--line-subtle);flex-shrink:0;align-items:center;gap:9px;height:49px;padding:0 18px;display:flex}.studio-inspector-heading h2{margin:0;font-size:13px;font-weight:600}.studio-inspector-heading>span{color:var(--text-muted);margin-left:auto;font-size:10px}.studio-inspector-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:20px 18px;overflow:auto}.studio-property-section+.studio-property-section,.studio-fieldset+.studio-property-section{border-top:1px solid var(--line-subtle);margin-top:22px;padding-top:20px}.studio-wide-button{border-radius:4px;width:100%;font-size:11px}.studio-opacity-field{gap:9px;margin-top:15px;font-size:11px;display:grid}.studio-opacity-field>span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);overflow:hidden}.studio-opacity-field>div{align-items:center;gap:10px;display:flex}.studio-opacity-field i{border:1px solid #0001;flex-shrink:0;width:14px;height:10px}.studio-opacity-field input{accent-color:var(--action,#1267df);flex:1;padding:0;border:0!important;height:16px!important}.studio-opacity-field output{color:var(--text-muted);text-align:right;width:34px;font-size:10px}.studio-panel .output-panel-footer{gap:10px;padding:14px 16px}.studio-panel .output-panel-footer button{border-radius:4px;font-size:11px}.studio-layer-list{margin:0;padding:0;list-style:none}.studio-layer-list li{border-bottom:1px solid var(--line-subtle);overflow-wrap:anywhere;align-items:flex-start;gap:9px;padding:10px 5px;font-size:11px;display:flex}.studio-layer-list svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.studio-workspace{--studio-canvas:#f1f3f6;grid-template-rows:68px minmax(0,1fr) 36px;grid-template-columns:minmax(0,1fr) 244px;display:grid}.studio-workspace>section{display:contents}.studio-workspace .output-layout-toolbar{grid-area:1/1/auto/-1}.studio-workspace .studio-canvas-area{grid-area:2/1}.studio-workspace .output-layout-statusbar{grid-area:3/1}.studio-workspace .studio-inspector{grid-area:2/2/4;width:auto}.dark .studio-workspace{--studio-canvas:#141d2b}.studio-workspace .output-layout-toolbar{flex-wrap:nowrap;height:68px;min-height:68px;padding:10px 18px}.studio-workspace .output-layout-title{gap:9px;min-width:0}.studio-document-name{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:400;overflow:hidden}.studio-workspace .studio-toolbar-actions{flex-wrap:nowrap;flex-shrink:0}.studio-tool-button{width:30px;height:30px;padding:0}.studio-tool-separator{background:var(--line-subtle);width:1px;height:20px;margin:5px 4px}.studio-workspace .studio-canvas-area{background:0 0;padding:24px}.studio-workspace .studio-canvas-area:after{content:"";border:24px solid var(--studio-canvas);pointer-events:none;z-index:45;position:absolute;inset:0}.studio-workspace .output-live-paper{box-shadow:0 2px 8px #18283f16, 0 0 0 100vmax var(--studio-canvas)}.studio-workspace .output-layout-statusbar{gap:12px;height:36px;min-height:36px;padding:0 16px}.studio-zoom{flex-shrink:0;align-items:center;gap:10px;display:flex}.studio-zoom input{width:90px;accent-color:var(--action,#1267df)}.studio-zoom button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:10px}@media (width<=1250px){.studio-workspace{grid-template-columns:minmax(0,1fr) 220px}.studio-inspector{flex-basis:220px;width:220px}.studio-document-name{max-width:150px}.studio-workspace .studio-canvas-area{padding:18px}.studio-toolbar-actions .studio-action-text{display:none}}@media (width<=1050px){.studio-workspace .output-layout-title>span{display:none}.studio-workspace .output-layout-statusbar>span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.studio-inspector-scroll{padding:16px 12px}}@media (width<=1250px){.studio-workspace .studio-canvas-area:after{border-width:18px}}