/* Homepage proportions follow 223.jpg; other page editions remain unchanged. */
@font-face{font-family:NDLInter;src:url('../../assets/inter-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body[data-home-motion=dumbar]{--brand-base:5.6vw;--brand-top:var(--home-brand-top,1.15vw)}
body[data-home-motion=dumbar] .site-header{mix-blend-mode:difference}
body[data-home-motion=dumbar] .site-title{left:var(--home-brand-left,1.1vw);top:calc(var(--home-brand-top,1.15vw) + var(--home-brand-baseline-shift,0px));line-height:var(--home-brand-line-height,.85);letter-spacing:var(--home-brand-effective-spacing,var(--home-brand-spacing,0));word-spacing:var(--home-brand-word-spacing,0px);font-family:var(--home-brand-font,var(--ndl-site-font,NDLInter,sans-serif));font-weight:var(--home-brand-weight,700);font-variation-settings:"wght" var(--home-brand-weight,700);font-kerning:var(--home-brand-kerning,auto);text-transform:var(--home-brand-transform,none);font-variant-caps:var(--home-brand-variant-caps,normal);text-decoration-line:var(--home-brand-decoration,none)!important;text-decoration-thickness:.07em;text-underline-offset:.14em;-webkit-font-smoothing:var(--home-brand-smoothing,antialiased);-webkit-text-stroke:var(--home-brand-stroke,0px);paint-order:stroke fill;filter:var(--home-brand-filter,none);opacity:var(--home-brand-opacity,1);transform-origin:left top;transform:scale(var(--home-brand-scale-x,1),var(--home-brand-scale-y,1)) rotate(var(--home-brand-rotate,0deg))}
body[data-home-motion=dumbar] .site-nav{letter-spacing:var(--home-navigation-effective-spacing,var(--home-navigation-spacing,-.035em));word-spacing:var(--home-navigation-word-spacing,0px);top:calc(var(--home-nav-top,2.15vw) + var(--home-navigation-baseline-shift,0px));left:var(--home-nav-left,50.6614vw);right:var(--home-nav-right,1.271vw);line-height:var(--home-nav-line-height,1.1);font-size:var(--home-nav-size,calc(34px * var(--design-scale,1)));font-family:var(--home-navigation-font,var(--ndl-site-font,NDLInter,sans-serif));font-weight:var(--home-navigation-weight,700);font-variation-settings:"wght" var(--home-navigation-weight,700);font-kerning:var(--home-navigation-kerning,auto);text-transform:var(--home-navigation-transform,none);font-variant-caps:var(--home-navigation-variant-caps,normal);-webkit-font-smoothing:var(--home-navigation-smoothing,antialiased);-webkit-text-stroke:var(--home-navigation-stroke,0px);paint-order:stroke fill;filter:var(--home-navigation-filter,none);opacity:var(--home-navigation-opacity,1)}
body[data-home-motion=dumbar] .site-nav a{text-decoration-line:var(--home-navigation-decoration,none)!important;text-decoration-thickness:.07em;text-underline-offset:.14em;transform-origin:left top;transform:scale(var(--home-navigation-scale-x,1),var(--home-navigation-scale-y,1)) rotate(var(--home-navigation-rotate,0deg))}
body[data-home-motion=dumbar] .queue{top:0;right:var(--home-title-right,1.2vw);font-family:var(--home-title-font,var(--ndl-site-font,NDLInter,sans-serif));font-weight:var(--home-title-weight,700);font-variation-settings:"wght" var(--home-title-weight,700);font-size:var(--home-title-size,30px);line-height:var(--home-title-line-height,1);mix-blend-mode:difference;color:#fff}
body[data-home-motion=dumbar] .queue-title{top:0;line-height:var(--home-title-line-height,1);letter-spacing:var(--home-title-effective-spacing,var(--home-title-spacing,-.005em));word-spacing:var(--home-title-word-spacing,0px);font-kerning:var(--home-title-kerning,auto);text-transform:var(--home-title-transform,none);font-variant-caps:var(--home-title-variant-caps,normal);text-decoration-line:var(--home-title-decoration,none)!important;text-decoration-thickness:.07em;text-underline-offset:.14em;-webkit-font-smoothing:var(--home-title-smoothing,antialiased);-webkit-text-stroke:var(--home-title-stroke,0px);paint-order:stroke fill;filter:var(--home-title-filter,none);transform-origin:right top;backface-visibility:hidden;visibility:hidden}
body[data-home-motion=dumbar] .scroll-hint{bottom:62px}
.font-settings{margin:0 0 20px;border:1px solid #d4d3cb;padding:15px}
.font-settings>summary{font-size:13px;font-weight:600}
.font-family-group{border:0;border-top:1px solid #d4d3cb;padding:14px 0 0;margin:22px 0 0;min-width:0}
.font-family-group legend{padding-right:10px;font-size:12px;color:#36362f}
.font-select-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px}
.font-select-row label{font:10px/1.5 var(--ui);color:#626258;display:flex;flex-direction:column;gap:5px;min-width:0}
.font-select-row select{font:12px/1.4 var(--ui);width:100%;min-width:0;padding:9px 5px;border:1px solid #cccbbf;background:transparent;color:#171716;border-radius:0}
.font-upload-actions{display:flex;gap:8px;margin-top:10px}
.font-upload-actions .small-button{padding:7px 9px;font-family:var(--ui)}
.font-file-name{font:10px/1.6 var(--ui);color:#75756b;margin:8px 0 0;overflow-wrap:anywhere}
@media(max-width:767px){
 body[data-home-motion=dumbar]{--brand-base:12.3vw;--brand-top:14px}
 body[data-home-motion=dumbar] .site-title{left:10px;top:14px}
 body[data-home-motion=dumbar] .site-nav{top:calc(28px + 10.455vw*var(--brand-scale,.5));left:min(52%,calc(100vw - 184px));right:12px;gap:12px;font-size:clamp(15px,calc(var(--home-nav-size,34px) * .64),24px)}
 body[data-home-motion=dumbar] .queue{right:12px;font-size:clamp(18px,calc(var(--home-title-size,30px) * .72),34px)}
}
html:not([data-ndl-owner="1"]) #upload-empty{display:none!important}

.letter-spacing-control{margin-top:14px}
.letter-spacing-control>label{display:flex;align-items:center;justify-content:space-between;font:11px/1.5 var(--ui);color:#626258}
.letter-spacing-value{display:flex;align-items:center;gap:5px}
.letter-spacing-value input{width:64px;padding:5px 4px;border:1px solid #cccbbf;background:transparent;border-radius:0;text-align:right;font:12px/1.5 var(--ui);color:#171716}
.letter-spacing-control>input[type=range]{display:block;width:100%;margin:10px 0;accent-color:#171716;cursor:pointer}
.letter-spacing-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font:10px/1.5 var(--ui);color:#75756b}
.spacing-reset{padding:3px 0;border:0;border-bottom:1px solid #aaa99d;border-radius:0;background:transparent;color:#626258;font:10px/1.5 var(--ui);cursor:pointer}
.spacing-reset:focus-visible{outline:2px solid #171716;outline-offset:3px}

/* ==========================================================================
   Apple macOS Sequoia / iPadOS Liquid Glass Studio Inspector UI
   ========================================================================== */
:root{
 --apple-blue:#0071e3;
 --apple-blue-soft:rgba(0,113,227,0.1);
 --apple-green:#34c759;
 --apple-red:#ff3b30;
 --apple-ink:#1d1d1f;
 --apple-secondary:#515154;
 --apple-tertiary:#6e6e73;
 --apple-surface:#f5f5f7;
 --apple-card:#ffffff;
 --apple-border:rgba(0,0,0,0.12);
 --apple-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Helvetica Neue",sans-serif;
}

/* Floating Bottom-Right Entry Pill Bar */
body[data-page="home"] .utility-tools{
 gap:8px;
 padding:5px;
 border-radius:999px;
 background:rgba(22,22,24,0.68);
 -webkit-backdrop-filter:blur(20px) saturate(180%);
 backdrop-filter:blur(20px) saturate(180%);
 border:0.5px solid rgba(255,255,255,0.22);
 box-shadow:0 8px 28px rgba(0,0,0,0.28);
}
body[data-page="home"] .utility-button{
 border-radius:999px;
 border:0;
 padding:8px 14px;
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:500;
 letter-spacing:0;
 background:transparent;
 color:rgba(255,255,255,0.92);
 transition:background .2s ease,transform .15s ease;
}
body[data-page="home"] .utility-button:hover{
 background:rgba(255,255,255,0.16);
}
body[data-page="home"] #edit.utility-button{
 background:#ffffff;
 color:#1d1d1f;
 font-weight:600;
 box-shadow:0 2px 8px rgba(0,0,0,0.18);
}
body[data-page="home"] #edit.utility-button::before{
 content:' ';
 font-weight:400;
 opacity:.85;
}
body[data-page="home"] #edit.utility-button:hover{
 background:#f2f2f7;
}

/* Ensure [hidden] always wins over flex/grid rules inside the Apple Studio Inspector */
.editor.apple-studio-editor [hidden]{
 display:none!important;
}

/* Apple Studio Floating Inspector Window */
.editor.apple-studio-editor{
 position:fixed;
 inset:14px 14px 14px auto;
 width:456px;
 max-width:calc(100vw - 28px);
 height:calc(100dvh - 28px);
 border-radius:22px;
 background:#f5f5f7;
 -webkit-backdrop-filter:none;
 backdrop-filter:none;
 color:var(--apple-ink);
 font-family:var(--apple-font);
 border:1px solid #d1d1d6;
 box-shadow:0 28px 72px rgba(0,0,0,0.28),0 4px 16px rgba(0,0,0,0.08),0 0 0 0.5px rgba(0,0,0,0.12);
 transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .24s ease;
}
.editor.apple-studio-editor.is-docked-left{
 inset:14px auto 14px 14px;
}
/* Crystal-clear backdrop so live canvas colors & typography are never blurred */
.editor.apple-studio-editor::backdrop{
 background:transparent!important;
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
}

/* Minimized Floating Dynamic-Island Pill Mode */
.editor.apple-studio-editor.is-minimized{
 inset:auto auto 20px 50%;
 transform:translateX(-50%);
 width:auto;
 min-width:340px;
 height:auto;
 border-radius:999px;
 background:rgba(24,24,27,0.88);
 color:#fff;
 border:1px solid rgba(255,255,255,0.18);
 box-shadow:0 18px 48px rgba(0,0,0,0.38);
 padding:8px 12px;
}
.editor.apple-studio-editor.is-minimized .editor-head,
.editor.apple-studio-editor.is-minimized .editor-body,
.editor.apple-studio-editor.is-minimized .editor-foot{
 display:none!important;
}
.apple-minimized-pill{
 display:flex;
 align-items:center;
 gap:8px;
 white-space:nowrap;
}
.apple-minimized-pill[hidden]{
 display:none!important;
}
.apple-minimized-status{
 font-size:12px;
 font-weight:500;
 color:rgba(255,255,255,0.92);
 padding:0 8px 0 6px;
 display:inline-flex;
 align-items:center;
 gap:6px;
}
.apple-minimized-status::before{
 content:'';
 width:7px;
 height:7px;
 border-radius:50%;
 background:var(--apple-green);
 box-shadow:0 0 8px var(--apple-green);
}

/* Inspector Header */
.editor.apple-studio-editor .editor-head{
 padding:14px 16px 12px;
 border-bottom:1px solid #e5e5ea;
 background:#ffffff;
 align-items:center;
 justify-content:space-between;
 gap:8px;
}
.editor.apple-studio-editor .editor-head>div:first-child{
 min-width:0;
 flex:1 1 auto;
}
.editor.apple-studio-editor .eyebrow{
 font-family:var(--apple-font);
 font-size:9px;
 font-weight:600;
 letter-spacing:.06em;
 color:var(--apple-secondary);
 margin:0 0 2px;
}
.editor.apple-studio-editor .editor-head h2{
 font-size:16px;
 font-weight:600;
 letter-spacing:-.02em;
 color:var(--apple-ink);
 margin:0;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.apple-save-pill{
 display:inline-flex;
 align-items:center;
 gap:5px;
 font-size:10px;
 color:var(--apple-secondary);
 margin:2px 0 0;
 min-height:0;
}
.apple-save-pill::before{
 content:'';
 width:6px;
 height:6px;
 border-radius:50%;
 background:var(--apple-green);
 flex-shrink:0;
}
.apple-header-actions{
 display:flex;
 align-items:center;
 gap:4px;
 flex-wrap:nowrap;
 justify-content:flex-end;
 flex-shrink:0;
}
.apple-icon-pill{
 height:26px;
 min-width:26px;
 padding:0 7px;
 border-radius:7px;
 border:0.5px solid rgba(0,0,0,0.08);
 background:rgba(255,255,255,0.82);
 color:var(--apple-ink);
 font-family:var(--apple-font);
 font-size:11px;
 font-weight:500;
 white-space:nowrap;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 transition:all .15s ease;
}
.apple-icon-pill:hover:not(:disabled){
 background:#ffffff;
 box-shadow:0 2px 6px rgba(0,0,0,0.06);
}
.apple-icon-pill:disabled{
 opacity:.35;
 cursor:default;
}
.apple-icon-pill.is-active{
 background:var(--apple-blue);
 color:#fff;
 border-color:var(--apple-blue);
}
.apple-icon-pill.is-close{
 width:28px;
 padding:0;
 border-radius:50%;
 background:rgba(118,118,128,0.14);
 border:0;
 font-size:17px;
 color:var(--apple-secondary);
}
.apple-icon-pill.is-close:hover{
 background:rgba(118,118,128,0.24);
 color:var(--apple-ink);
}

/* Inspector Scroll Body & Tab Switching */
.editor.apple-studio-editor .editor-body{
 padding:14px 16px 20px;
 display:flex;
 flex-direction:column;
 gap:12px;
}
.apple-tab-pane{
 display:none;
 flex-direction:column;
 gap:12px;
}
.editor.apple-studio-editor[data-active-tab="design"] .apple-tab-pane[data-pane="design"],
.editor.apple-studio-editor[data-active-tab="media"] .apple-tab-pane[data-pane="media"],
.editor.apple-studio-editor[data-active-tab="system"] .apple-tab-pane[data-pane="system"]{
 display:flex;
}

/* Apple Segmented Control (UISegmentedControl) */
.apple-segmented{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:3px;
 padding:3px;
 border-radius:11px;
 background:#e5e5ea;
 position:sticky;
 top:-14px;
 z-index:5;
 -webkit-backdrop-filter:none;
 backdrop-filter:none;
}
.apple-segmented.is-compact{
 position:static;
 grid-template-columns:repeat(2,minmax(0,1fr));
 border-radius:9px;
}
.apple-main-tab,
.apple-segmented.is-compact .apple-pill-btn{
 border:0;
 border-radius:8px;
 padding:7px 8px;
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:500;
 color:var(--apple-secondary);
 background:transparent;
 cursor:pointer;
 transition:all .18s cubic-bezier(.22,1,.36,1);
 white-space:nowrap;
}
.apple-main-tab.is-active,
.apple-segmented.is-compact .apple-pill-btn.is-active{
 background:#ffffff;
 color:var(--apple-ink);
 font-weight:600;
 box-shadow:0 2px 6px rgba(0,0,0,0.09),0 0 0 0.5px rgba(0,0,0,0.04);
}

/* Role Selector Cards (Brand / Nav / Title / All) */
.apple-role-selector-wrap{
 display:flex;
 flex-direction:column;
 gap:7px;
}
.apple-section-caption{
 display:flex;
 align-items:center;
 justify-content:space-between;
 font-size:11px;
 font-weight:600;
 color:var(--apple-secondary);
 padding:0 4px;
}
.apple-caption-tip{
 font-weight:400;
 color:var(--apple-blue);
}
.apple-role-tabs{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:6px;
}
.apple-role-tab{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:2px;
 padding:8px 9px;
 border-radius:11px;
 background:var(--apple-card);
 border:1px solid var(--apple-border);
 cursor:pointer;
 text-align:left;
 transition:all .16s ease;
}
.apple-role-tab strong{
 font-size:12px;
 font-weight:600;
 color:var(--apple-ink);
}
.apple-role-tab small{
 font-size:10px;
 color:var(--apple-secondary);
 font-variant-numeric:tabular-nums;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 max-width:100%;
}
.apple-role-tab:hover{
 background:#ffffff;
}
.apple-role-tab.is-active{
 background:rgba(0,113,227,0.09);
 border-color:var(--apple-blue);
 box-shadow:0 2px 8px rgba(0,113,227,0.12);
}
.apple-role-tab.is-active strong,
.apple-role-tab.is-active small{
 color:var(--apple-blue);
}

/* Apple Inset Grouped Cards */
.editor.apple-studio-editor .site-controls,
.editor.apple-studio-editor .typography-panel,
.editor.apple-studio-editor .font-settings,
.editor.apple-studio-editor .settings{
 margin:0;
 padding:10px 12px;
 border-radius:14px;
 background:var(--apple-card);
 border:1px solid var(--apple-border);
 box-shadow:0 1px 3px rgba(0,0,0,0.02);
}
.editor.apple-studio-editor .site-controls h3,
.editor.apple-studio-editor .site-controls .type-note{
 display:none;
}
.editor.apple-studio-editor .typography-head h3,
.editor.apple-studio-editor .font-settings>summary,
.editor.apple-studio-editor .settings>summary{
 font-size:13px;
 font-weight:600;
 color:var(--apple-ink);
 letter-spacing:-.01em;
}
.editor.apple-studio-editor .site-field{
 margin-top:0;
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:space-between;
 gap:10px;
}
.editor.apple-studio-editor .site-field+.site-field{
 margin-top:6px;
}
.editor.apple-studio-editor .site-field.apple-quick-title-field{
 flex-direction:column;
 align-items:stretch;
 gap:5px;
}
.editor.apple-studio-editor .site-field>span{
 font-size:11.5px;
 font-weight:600;
 color:var(--apple-secondary);
 white-space:nowrap;
 flex-shrink:0;
}
.editor.apple-studio-editor .site-field input,
.editor.apple-studio-editor .title-input{
 flex:1;
 min-width:0;
 border-radius:8px;
 border:1px solid rgba(0,0,0,0.12);
 background:rgba(255,255,255,0.95);
 padding:5px 10px;
 font-family:var(--apple-font);
 font-size:12.5px;
 font-weight:500;
 color:var(--apple-ink);
 transition:border-color .15s ease,box-shadow .15s ease;
}
.editor.apple-studio-editor .site-field input:focus,
.editor.apple-studio-editor .title-input:focus{
 border-color:var(--apple-blue);
 box-shadow:0 0 0 3px rgba(0,113,227,0.18);
 outline:none;
}
.apple-quick-title-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
}
.apple-mini-frame-pills{
 display:flex;
 gap:3px;
 flex-wrap:wrap;
}

/* Typography & Baseline Controls */
.editor.apple-studio-editor .font-control{
 margin-top:12px;
 padding-top:10px;
 border-top:0.5px solid rgba(0,0,0,0.06);
 gap:8px 12px;
}
.editor.apple-studio-editor .font-control>label{
 font-size:12px;
 font-weight:500;
 color:var(--apple-ink);
}
.editor.apple-studio-editor .font-value{
 display:inline-flex;
 align-items:center;
 gap:4px;
 background:rgba(118,118,128,0.08);
 padding:2px 4px;
 border-radius:8px;
}
.editor.apple-studio-editor .font-value input,
.editor.apple-studio-editor .letter-spacing-value input{
 width:52px;
 min-height:24px;
 padding:2px 4px;
 border:0;
 border-radius:6px;
 background:#ffffff;
 color:var(--apple-ink);
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:600;
 font-variant-numeric:tabular-nums;
 text-align:center;
 box-shadow:0 1px 2px rgba(0,0,0,0.06);
}
.apple-px-badge{
 display:inline-flex;
 align-items:center;
 gap:3px;
 padding-right:4px;
 border-right:1px solid rgba(0,0,0,0.1);
}
.apple-px-badge input{
 width:44px!important;
 color:var(--apple-blue)!important;
}
.apple-step-btn{
 width:22px;
 height:22px;
 border-radius:6px;
 border:0;
 background:rgba(255,255,255,0.85);
 color:var(--apple-ink);
 font-size:12px;
 font-weight:600;
 line-height:1;
 cursor:pointer;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 transition:background .15s ease,transform .1s ease;
}
.apple-step-btn:hover{
 background:#ffffff;
 color:var(--apple-blue);
}
.apple-step-btn:active{
 transform:scale(0.94);
}

/* Preset & Quick Action Pills */
.apple-preset-row,
.apple-weight-pills,
.apple-quick-actions{
 display:flex;
 flex-wrap:wrap;
 gap:5px;
 margin-top:8px;
}
.apple-pill-btn,
.apple-action-chip{
 border-radius:999px;
 border:0.5px solid rgba(0,0,0,0.1);
 background:rgba(242,242,247,0.9);
 color:var(--apple-secondary);
 font-family:var(--apple-font);
 font-size:11px;
 font-weight:500;
 padding:4px 10px;
 cursor:pointer;
 transition:all .15s ease;
}
.apple-pill-btn:hover,
.apple-action-chip:hover{
 background:#ffffff;
 color:var(--apple-ink);
 border-color:rgba(0,0,0,0.2);
}
.apple-pill-btn.is-active,
.apple-pill-btn.is-primary{
 background:var(--apple-blue);
 color:#ffffff;
 border-color:var(--apple-blue);
 font-weight:600;
}
.apple-action-chip{
 background:rgba(0,113,227,0.08);
 color:var(--apple-blue);
 border-color:rgba(0,113,227,0.2);
}
.apple-action-chip:hover{
 background:var(--apple-blue);
 color:#ffffff;
}

.apple-baseline-container{
 margin-top:14px;
 padding-top:12px;
 border-top:1px solid rgba(0,0,0,0.08);
}
.apple-sub-header{
 font-size:11px;
 font-weight:600;
 color:var(--apple-secondary);
 text-transform:uppercase;
 letter-spacing:.03em;
 margin-bottom:8px;
}
.apple-mode-switch-row{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 margin:10px 0 6px;
}
.apple-mode-label{
 font-size:12px;
 font-weight:500;
 color:var(--apple-ink);
}

/* Range Slider Refinement */
.editor.apple-studio-editor input[type="range"]{
 accent-color:var(--apple-blue);
 height:5px;
 border-radius:999px;
}

/* Font Inspector Cards */
.editor.apple-studio-editor .font-family-group{
 margin-top:12px;
 padding-top:12px;
 border-top:0.5px solid rgba(0,0,0,0.08);
}
.editor.apple-studio-editor .font-family-group:first-child{
 margin-top:8px;
}
.editor.apple-studio-editor .font-family-group legend{
 font-size:12px;
 font-weight:600;
 color:var(--apple-ink);
 margin-bottom:6px;
}
.editor.apple-studio-editor .font-select-row select{
 border-radius:9px;
 border:1px solid rgba(0,0,0,0.12);
 background:#ffffff;
 padding:7px 8px;
 font-family:var(--apple-font);
 font-size:12px;
}
.apple-font-dropzone{
 flex:1;
 border-radius:9px!important;
 border:1px dashed rgba(0,113,227,0.38)!important;
 background:rgba(0,113,227,0.05)!important;
 color:var(--apple-blue)!important;
 font-weight:500;
 padding:8px 10px!important;
 text-align:center;
 cursor:pointer;
 transition:all .15s ease;
}
.apple-font-dropzone:hover,
.apple-font-dropzone.is-dragover{
 background:rgba(0,113,227,0.14)!important;
 border-color:var(--apple-blue)!important;
}
.small-button.is-danger-subtle{
 border-radius:9px;
 color:var(--apple-red);
 border-color:rgba(255,59,48,0.25);
}

/* Media & Storyboard Pane */
.apple-upload-dropzone{
 position:static!important;
 border-radius:14px!important;
 border:1.5px dashed rgba(0,113,227,0.42)!important;
 background:rgba(0,113,227,0.06)!important;
 padding:14px 16px!important;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 cursor:pointer;
 transition:all .18s ease;
 margin:0!important;
}
.apple-upload-dropzone:hover:not(:disabled),
.apple-upload-dropzone.is-dragover{
 background:rgba(0,113,227,0.13)!important;
 border-color:var(--apple-blue)!important;
 transform:translateY(-1px);
}
.apple-dropzone-left{
 display:flex;
 flex-direction:column;
 gap:3px;
}
.apple-dropzone-title{
 font-family:var(--apple-font)!important;
 font-size:13px!important;
 font-weight:600!important;
 color:var(--apple-blue)!important;
}
.apple-dropzone-sub{
 font-family:var(--apple-font)!important;
 font-size:11px!important;
 color:var(--apple-secondary)!important;
}
.apple-upload-dropzone #capacity{
 padding:4px 9px;
 border-radius:999px;
 background:#ffffff;
 color:var(--apple-ink);
 font-family:var(--apple-font);
 font-size:11px;
 font-weight:600;
 box-shadow:0 1px 3px rgba(0,0,0,0.06);
}

.apple-storage-bar{
 padding:10px 12px;
 border-radius:12px;
 background:var(--apple-card);
 border:1px solid var(--apple-border);
 display:flex;
 flex-direction:column;
 gap:6px;
}
.apple-storage-meta{
 display:flex;
 justify-content:space-between;
 font-size:11px;
 color:var(--apple-secondary);
}
.apple-storage-track{
 height:5px;
 border-radius:999px;
 background:rgba(118,118,128,0.14);
 overflow:hidden;
}
.apple-storage-fill{
 height:100%;
 width:0%;
 border-radius:999px;
 background:linear-gradient(90deg,var(--apple-blue),#34c759);
 transition:width .25s ease;
}

.apple-frame-jump-bar{
 display:flex;
 align-items:center;
 gap:5px;
 flex-wrap:wrap;
 padding:2px 2px;
}
.apple-frame-bar-label{
 font-size:11px;
 font-weight:600;
 color:var(--apple-secondary);
}

/* Storyboard Project Cards */
#project-list{
 display:flex;
 flex-direction:column;
 gap:8px;
}
.project.apple-media-card{
 border:1px solid var(--apple-border);
 border-radius:14px;
 background:var(--apple-card);
 padding:0 12px;
 transition:box-shadow .18s ease,border-color .18s ease,transform .15s ease;
}
.project.apple-media-card[open]{
 background:#ffffff;
 border-color:rgba(0,113,227,0.32);
 box-shadow:0 6px 20px rgba(0,0,0,0.06);
}
.project.apple-media-card.is-dragging{
 opacity:.45;
 transform:scale(0.98);
}
.project.apple-media-card.is-drop-target{
 border-color:var(--apple-blue);
 box-shadow:0 0 0 2px var(--apple-blue);
}
.project.apple-media-card summary{
 min-height:66px;
 gap:10px;
}
.apple-drag-handle{
 color:var(--apple-tertiary);
 font-size:13px;
 letter-spacing:-2px;
 cursor:grab;
 user-select:none;
 padding:4px 2px;
}
.apple-thumb-wrap{
 position:relative;
 width:68px;
 height:46px;
 border-radius:8px;
 overflow:hidden;
 background:#1c1c1e;
 flex-shrink:0;
 box-shadow:0 1px 4px rgba(0,0,0,0.12);
}
.apple-thumb-wrap img,
.apple-thumb-wrap video{
 width:100%!important;
 height:100%!important;
 object-fit:cover;
 display:block;
}
.apple-media-badge{
 position:absolute;
 right:4px;
 bottom:3px;
 padding:1px 4px;
 border-radius:4px;
 background:rgba(0,0,0,0.68);
 color:#fff;
 font-size:9px;
 font-weight:600;
 letter-spacing:.02em;
}
.apple-card-locate{
 border-radius:999px;
 border:0.5px solid rgba(0,0,0,0.12);
 background:rgba(242,242,247,0.9);
 color:var(--apple-secondary);
 font-size:11px;
 font-weight:500;
 padding:4px 9px;
 cursor:pointer;
}
.apple-card-locate:hover{
 background:var(--apple-blue);
 color:#fff;
 border-color:var(--apple-blue);
}

.apple-card-dropzone{
 border-radius:10px;
 border:1px dashed rgba(0,113,227,0.35);
 background:rgba(0,113,227,0.04);
 color:var(--apple-blue);
 font-weight:500;
}
.apple-card-dropzone:hover{
 background:rgba(0,113,227,0.1);
}

/* Interactive 2D Focal Point Picker */
.apple-focal-section{
 margin-top:12px;
 padding:10px 11px;
 border-radius:11px;
 background:rgba(242,242,247,0.7);
 border:0.5px solid rgba(0,0,0,0.06);
}
.apple-focal-head{
 display:flex;
 justify-content:space-between;
 align-items:center;
 font-size:11px;
 font-weight:500;
 color:var(--apple-secondary);
 margin-bottom:8px;
}
.apple-focal-readout{
 font-variant-numeric:tabular-nums;
 color:var(--apple-blue);
 font-weight:600;
}
.apple-focal-pad{
 position:relative;
 width:100%;
 aspect-ratio:16 / 9;
 border-radius:9px;
 overflow:hidden;
 background:#111;
 cursor:crosshair;
 user-select:none;
 touch-action:none;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15);
}
.apple-focal-pad::after{
 content:'';
 position:absolute;
 inset:0;
 background-image:
  linear-gradient(to right,rgba(255,255,255,0.18) 1px,transparent 1px),
  linear-gradient(to bottom,rgba(255,255,255,0.18) 1px,transparent 1px);
 background-size:33.333% 33.333%;
 pointer-events:none;
}
.apple-focal-media{
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
 pointer-events:none;
}
.apple-focal-reticle{
 position:absolute;
 width:24px;
 height:24px;
 border-radius:50%;
 border:2px solid #ffcc00;
 background:rgba(0,0,0,0.28);
 box-shadow:0 0 0 1.5px rgba(0,0,0,0.45),0 2px 8px rgba(0,0,0,0.4);
 transform:translate(-50%,-50%);
 pointer-events:none;
 z-index:2;
}
.apple-focal-reticle::before,
.apple-focal-reticle::after{
 content:'';
 position:absolute;
 background:#ffcc00;
}
.apple-focal-reticle::before{
 left:50%;
 top:4px;
 bottom:4px;
 width:1.5px;
 transform:translateX(-50%);
}
.apple-focal-reticle::after{
 top:50%;
 left:4px;
 right:4px;
 height:1.5px;
 transform:translateY(-50%);
}

/* Inspector Footer */
.editor.apple-studio-editor .editor-foot{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 padding:11px 16px;
 background:#ffffff;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
 border-top:1px solid #e5e5ea;
}
.apple-foot-history,
.apple-foot-actions{
 display:inline-flex;
 align-items:center;
 gap:6px;
}
.apple-foot-btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:4px;
 height:32px;
 padding:0 12px;
 border-radius:999px;
 border:0.5px solid rgba(0,0,0,0.12);
 background:rgba(242,242,247,0.92);
 color:var(--apple-ink);
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:600;
 cursor:pointer;
 white-space:nowrap;
 transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease,transform .1s ease;
}
.apple-foot-btn:hover:not(:disabled){
 background:#ffffff;
 border-color:rgba(0,113,227,0.35);
 color:var(--apple-blue);
}
.apple-foot-btn:active:not(:disabled){
 transform:scale(0.96);
}
.apple-foot-btn:disabled{
 opacity:0.38;
 cursor:not-allowed;
}
.apple-foot-btn.is-undo:not(:disabled){
 background:rgba(0,113,227,0.1);
 border-color:rgba(0,113,227,0.28);
 color:var(--apple-blue);
}
.apple-foot-btn.is-undo:hover:not(:disabled){
 background:var(--apple-blue);
 color:#ffffff;
}
.apple-foot-btn.is-redo{
 padding:0 10px;
}
.apple-foot-btn.is-cancel{
 color:var(--apple-secondary);
 background:rgba(118,118,128,0.1);
 border-color:transparent;
}
.apple-foot-btn.is-cancel:hover{
 background:rgba(255,59,48,0.12);
 color:#d70015;
 border-color:rgba(255,59,48,0.25);
}
.apple-save-pill.is-dirty{
 background:rgba(255,149,0,0.14)!important;
 color:#b25000!important;
 border-radius:999px;
 padding:2px 8px;
}
.apple-save-pill.is-dirty::before{
 background:#ff9500!important;
 box-shadow:0 0 0 2px rgba(255,149,0,0.22)!important;
}
.editor.apple-studio-editor .primary-button{
 height:32px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 border-radius:999px;
 background:var(--apple-blue);
 color:#ffffff;
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:600;
 padding:0 16px;
 border:0;
 white-space:nowrap;
 box-shadow:0 2px 8px rgba(0,113,227,0.28);
 transition:background .15s ease,transform .1s ease;
}
.editor.apple-studio-editor .primary-button:hover{
 background:#0077ed;
}
.editor.apple-studio-editor .secondary-button,
.editor.apple-studio-editor .small-button{
 border-radius:8px;
 font-family:var(--apple-font);
}

/* On-Canvas Live Baseline & Alignment Rulers */
.apple-canvas-guides{
 position:fixed;
 inset:0;
 z-index:999;
 pointer-events:none;
 opacity:0;
 transition:opacity .22s ease;
}
.apple-canvas-guides.is-visible{
 opacity:1;
}
.guide-line{
 position:fixed;
 pointer-events:none;
 opacity:.45;
 transition:opacity .15s ease;
}
.guide-line.is-focus{
 opacity:.95;
}
.guide-line.is-h{
 left:0;
 right:0;
 height:0;
 border-top:1px dashed #007aff;
}
.guide-line.is-h.is-brand-base{
 border-top:1px solid #ff2d55;
}
.guide-line.is-h.is-title{
 border-top:1px dashed #30d158;
}
.guide-line.is-v{
 top:0;
 bottom:0;
 width:0;
 border-left:1px dashed #007aff;
}
.guide-tag{
 position:absolute;
 padding:2px 7px;
 border-radius:6px;
 background:rgba(0,113,227,0.92);
 color:#fff;
 font-family:var(--apple-font);
 font-size:10px;
 font-weight:600;
 font-variant-numeric:tabular-nums;
 white-space:nowrap;
 box-shadow:0 2px 6px rgba(0,0,0,0.25);
}
.guide-line.is-brand-base .guide-tag{
 background:rgba(255,45,85,0.92);
 top:4px;
}
.guide-line.is-title .guide-tag{
 background:rgba(40,180,75,0.92);
}
.guide-tag.is-left{
 left:16px;
 top:-20px;
}
.guide-tag.is-right{
 right:16px;
 top:-20px;
}
.guide-tag.is-top{
 top:64px;
 left:6px;
}
.guide-tag.is-bottom{
 bottom:24px;
 right:6px;
}
.guide-box{
 position:fixed;
 border:1px solid rgba(0,113,227,0.35);
 border-radius:6px;
 pointer-events:none;
 opacity:0;
 transition:opacity .18s ease;
}
.guide-box.is-focus{
 opacity:1;
 border-color:#007aff;
 box-shadow:0 0 0 2px rgba(0,122,255,0.18);
}

/* ==========================================================================
   Adobe Illustrator Character Panel — Adapted to Apple Liquid Glass UI
   ========================================================================== */
.ai-char-panel{
 background:rgba(255,255,255,0.88);
 border:1px solid var(--apple-border);
 border-radius:16px;
 padding:12px 13px 11px;
 box-shadow:0 4px 18px rgba(0,0,0,0.035),inset 0 1px 0 rgba(255,255,255,0.92);
 display:flex;
 flex-direction:column;
 gap:7px;
 font-family:var(--apple-font);
 color:var(--apple-ink);
}
.ai-panel-titlebar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 margin-bottom:1px;
}
.ai-panel-title{
 display:inline-flex;
 align-items:center;
 gap:6px;
 font-size:12px;
 font-weight:600;
 color:var(--apple-ink);
 letter-spacing:-.01em;
}
.ai-panel-badge{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:18px;
 height:18px;
 border-radius:4px;
 background:var(--apple-ink);
 color:#fff;
 font-size:10px;
 font-weight:700;
 letter-spacing:-.03em;
}
.ai-panel-actions{
 display:inline-flex;
 align-items:center;
 gap:5px;
 flex-shrink:0;
}
.ai-mini-btn{
 height:24px;
 padding:0 9px;
 border-radius:6px;
 border:0.5px solid rgba(0,0,0,0.12);
 background:rgba(242,242,247,0.95);
 color:var(--apple-secondary);
 font-family:var(--apple-font);
 font-size:11px;
 font-weight:500;
 line-height:1;
 white-space:nowrap;
 flex-shrink:0;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 transition:all .15s ease;
}
.ai-mini-btn:hover{
 background:#ffffff;
 color:var(--apple-blue);
 border-color:rgba(0,113,227,0.3);
}
.ai-mini-btn.is-upload{
 color:var(--apple-blue);
 background:rgba(0,113,227,0.08);
 border-color:rgba(0,113,227,0.22);
}
.ai-mini-btn.is-upload:hover{
 background:var(--apple-blue);
 color:#ffffff;
}

/* Top Full-Width Font Family & Weight Combo Rows */
.ai-top-selects{
 display:flex;
 flex-direction:column;
 gap:7px;
}
.ai-select-box{
 position:relative;
 display:flex;
 align-items:center;
 height:32px;
 border-radius:8px;
 border:1px solid rgba(0,0,0,0.13);
 background:#ffffff;
 box-shadow:0 1px 2px rgba(0,0,0,0.02);
 overflow:hidden;
 transition:border-color .15s ease,box-shadow .15s ease;
}
.ai-select-box:focus-within,
.ai-select-box.is-dragover{
 border-color:var(--apple-blue);
 box-shadow:0 0 0 3px rgba(0,113,227,0.16);
}
.ai-select-box select{
 appearance:none;
 -webkit-appearance:none;
 width:100%;
 height:100%;
 border:0;
 background:transparent;
 padding:0 34px 0 10px;
 font-family:var(--apple-font);
 font-size:13px;
 font-weight:500;
 color:var(--apple-ink);
 cursor:pointer;
 outline:none;
}
.ai-select-chevron{
 position:absolute;
 right:0;
 top:0;
 bottom:0;
 width:28px;
 border-left:1px solid rgba(0,0,0,0.08);
 background:rgba(246,246,249,0.75);
 display:flex;
 align-items:center;
 justify-content:center;
 pointer-events:none;
 color:var(--apple-secondary);
}
.ai-select-chevron svg{
 width:11px;
 height:11px;
}

.ai-divider{
 height:1px;
 background:rgba(0,0,0,0.075);
 margin:1px 0;
}

/* 2-Column Illustrator Metric Grid */
.ai-grid-2col{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:6px 10px;
 align-items:center;
}
.ai-metric-cell{
 display:flex;
 align-items:center;
 gap:6px;
 min-width:0;
}
.ai-metric-icon{
 width:24px;
 height:24px;
 flex-shrink:0;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 color:#2c2c2e;
 user-select:none;
}
.ai-metric-icon svg{
 width:22px;
 height:22px;
 display:block;
}

/* Illustrator Combo Box: [ ˄/˅ Spinners | Value Input | ⌄ Preset Dropdown ] */
.ai-combo-box{
 position:relative;
 flex:1;
 min-width:0;
 height:30px;
 display:grid;
 grid-template-columns:17px minmax(0,1fr) 20px;
 align-items:stretch;
 border-radius:7px;
 border:1px solid rgba(0,0,0,0.13);
 background:#ffffff;
 box-shadow:0 1px 2px rgba(0,0,0,0.02);
 overflow:hidden;
 transition:border-color .15s ease,box-shadow .15s ease;
}
.ai-combo-box.is-select-only{
 grid-template-columns:minmax(0,1fr) 20px;
}
.ai-combo-box:focus-within{
 border-color:var(--apple-blue);
 box-shadow:0 0 0 2.5px rgba(0,113,227,0.16);
}
.ai-spin-col{
 display:flex;
 flex-direction:column;
 border-right:1px solid rgba(0,0,0,0.08);
 background:rgba(246,246,249,0.7);
}
.ai-spin-btn{
 flex:1;
 border:0;
 padding:0;
 background:transparent;
 color:var(--apple-secondary);
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 line-height:1;
 transition:background .12s ease,color .12s ease;
}
.ai-spin-btn:first-child{
 border-bottom:0.5px solid rgba(0,0,0,0.07);
}
.ai-spin-btn:hover{
 background:rgba(0,113,227,0.1);
 color:var(--apple-blue);
}
.ai-spin-btn:active{
 background:rgba(0,113,227,0.2);
}
.ai-spin-btn svg{
 width:8px;
 height:8px;
 display:block;
}

.ai-combo-input{
 width:100%;
 height:100%;
 border:0!important;
 background:transparent!important;
 padding:0 4px!important;
 font-family:var(--apple-font)!important;
 font-size:12px!important;
 font-weight:500!important;
 font-variant-numeric:tabular-nums;
 color:var(--apple-ink)!important;
 outline:none!important;
 box-shadow:none!important;
 min-width:0;
}
.ai-combo-drop{
 position:relative;
 border-left:1px solid rgba(0,0,0,0.08);
 background:rgba(246,246,249,0.75);
 display:flex;
 align-items:center;
 justify-content:center;
 color:var(--apple-secondary);
 cursor:pointer;
 transition:background .12s ease,color .12s ease;
}
.ai-combo-drop:hover{
 background:rgba(0,113,227,0.1);
 color:var(--apple-blue);
}
.ai-combo-drop svg{
 width:10px;
 height:10px;
 pointer-events:none;
}
.ai-combo-drop select{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 opacity:0;
 cursor:pointer;
 border:0;
 font-size:12px;
}

/* Pure Select Combo inside 2-Col (e.g., CJK Squeeze & Language/Anti-Alias) */
.ai-combo-box.is-select-only select.ai-full-select{
 appearance:none;
 -webkit-appearance:none;
 width:100%;
 height:100%;
 border:0;
 background:transparent;
 padding:0 6px 0 8px;
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:500;
 color:var(--apple-ink);
 cursor:pointer;
 outline:none;
 grid-column:1 / 3;
 grid-row:1;
 z-index:1;
}
.ai-combo-box.is-select-only .ai-combo-drop{
 grid-column:2;
 grid-row:1;
 pointer-events:none;
}

/* Row 9: 6-Button Character Style Toggle Bar (TT, Tt, T¹, T₁, T̲, T̶) */
.ai-style-bar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:4px;
 padding:1px 2px;
}
.ai-style-group{
 display: inline-flex;
 align-items:center;
 gap:4px;
}
.ai-style-btn{
 width:34px;
 height:28px;
 border-radius:7px;
 border:1px solid transparent;
 background:rgba(118,118,128,0.08);
 color:var(--apple-ink);
 display:inline-flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 padding:0;
 transition:all .14s ease;
}
.ai-style-btn:hover{
 background:rgba(118,118,128,0.16);
}
.ai-style-btn.is-active{
 background:rgba(0,113,227,0.13);
 color:var(--apple-blue);
 border-color:rgba(0,113,227,0.38);
 box-shadow:0 1px 3px rgba(0,113,227,0.12);
}
.ai-style-btn svg{
 width:18px;
 height:18px;
 display:block;
}

/* Row 10: Language & Anti-Aliasing Row */
.ai-lang-row{
 display:grid;
 grid-template-columns:minmax(0,1.15fr) 22px minmax(0,0.85fr);
 gap:6px;
 align-items:center;
}

/* Row 11 & 12: Align to Glyph Bounds (对齐字形) */
.ai-glyph-section{
 display:flex;
 flex-direction:column;
 gap:8px;
 padding-top:2px;
}
.ai-glyph-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 font-size:12px;
 font-weight:500;
 color:var(--apple-secondary);
 padding:0 2px;
}
.ai-glyph-head-right{
 display:inline-flex;
 align-items:center;
 gap:8px;
 color:var(--apple-secondary);
}
.ai-glyph-head-right svg{
 width:18px;
 height:18px;
 display:block;
}
.ai-glyph-bar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:5px;
}
.ai-glyph-group{
 display:inline-flex;
 align-items:center;
 gap:6px;
}
.ai-glyph-sep{
 width:1px;
 height:24px;
 background:rgba(0,0,0,0.12);
 margin:0 2px;
}
.ai-glyph-btn{
 width:36px;
 height:32px;
 border-radius:7px;
 border:1px solid rgba(0,0,0,0.12);
 background:#ffffff;
 color:var(--apple-ink);
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0;
 cursor:pointer;
 box-shadow:0 1px 2px rgba(0,0,0,0.03);
 transition:all .15s ease;
}
.ai-glyph-btn:hover{
 border-color:rgba(0,113,227,0.4);
 color:var(--apple-blue);
 transform:translateY(-1px);
}
.ai-glyph-btn.is-active{
 background:var(--apple-blue);
 color:#ffffff;
 border-color:var(--apple-blue);
 box-shadow:0 2px 8px rgba(0,113,227,0.28);
}
.ai-glyph-btn svg{
 width:22px;
 height:22px;
 display:block;
}

/* Collapsible Advanced Page Coordinates Drawer below AI Character Panel */
.apple-layout-drawer{
 border-radius:14px;
 background:var(--apple-card);
 border:1px solid var(--apple-border);
 padding:10px 14px;
}
.apple-layout-drawer>summary{
 list-style:none;
 display:flex;
 align-items:center;
 justify-content:space-between;
 font-size:12px;
 font-weight:600;
 color:var(--apple-secondary);
 cursor:pointer;
 user-select:none;
}
.apple-layout-drawer>summary::-webkit-details-marker{
 display:none;
}
.apple-layout-drawer[open]>summary{
 color:var(--apple-ink);
 margin-bottom:10px;
 padding-bottom:8px;
 border-bottom:0.5px solid rgba(0,0,0,0.08);
}
.apple-layout-drawer .typography-panel,
.apple-layout-drawer .font-settings{
 border:0!important;
 padding:6px 0 0!important;
 background:transparent!important;
 box-shadow:none!important;
}

/* ==========================================================================
   Cross-Page Apple Studio Inspector & AI Character Panel Bindings
   (Works / Project Detail / Info Overlay)
   ========================================================================== */

/* 1. Unified Apple Floating Pill Entry Buttons Across Works, Project & Info */
body[data-page="works"] .utility-tools,
body[data-page="project"] .project-toolbar{
 gap:8px;
 padding:5px;
 border-radius:999px;
 background:rgba(22,22,24,0.68);
 -webkit-backdrop-filter:blur(20px) saturate(180%);
 backdrop-filter:blur(20px) saturate(180%);
 border:0.5px solid rgba(255,255,255,0.22);
 box-shadow:0 8px 28px rgba(0,0,0,0.28);
}
body[data-page="works"] #edit.utility-button,
body[data-page="project"] .project-toolbar #project-edit,
.info-actions .info-sheet-edit{
 border-radius:999px!important;
 border:0!important;
 padding:8px 14px!important;
 font-family:var(--apple-font)!important;
 font-size:12px!important;
 font-weight:600!important;
 letter-spacing:0!important;
 background:#ffffff!important;
 color:#1d1d1f!important;
 box-shadow:0 2px 8px rgba(0,0,0,0.18)!important;
 cursor:pointer;
 transition:background .2s ease,transform .15s ease;
}
body[data-page="works"] #edit.utility-button::before,
body[data-page="project"] .project-toolbar #project-edit::before,
.info-actions .info-sheet-edit::before{
 content:' ';
 font-weight:400;
 opacity:.85;
}
body[data-page="works"] #edit.utility-button:hover,
body[data-page="project"] .project-toolbar #project-edit:hover,
.info-actions .info-sheet-edit:hover{
 background:#f2f2f7!important;
}
.info-actions{
 gap:8px;
 align-items:center;
}
.info-actions .info-sheet-close{
 border-radius:999px!important;
 border:0.5px solid rgba(255,255,255,0.32)!important;
 padding:8px 14px!important;
 font-family:var(--apple-font)!important;
 font-size:12px!important;
 font-weight:600!important;
 background:rgba(22,22,24,0.68)!important;
 color:#ffffff!important;
 -webkit-backdrop-filter:blur(20px) saturate(180%);
 backdrop-filter:blur(20px) saturate(180%);
 box-shadow:0 4px 16px rgba(0,0,0,0.24);
 transition:background .2s ease,transform .15s ease;
}
.info-actions .info-sheet-close:hover{
 background:rgba(44,44,46,0.85)!important;
}

/* 2. Works Page Character Panel Live CSS Bindings */
html body[data-page="works"]:not([data-unified-header]) .site-title{
 line-height:var(--works-brand-line-height,var(--home-brand-line-height,.85))!important;
 letter-spacing:var(--works-brand-effective-spacing,var(--home-brand-spacing,0))!important;
 word-spacing:var(--works-brand-word-spacing,0px);
 font-family:var(--home-brand-font,var(--header-brand-font,var(--ndl-site-font,NDLInter,sans-serif)))!important;
 font-weight:var(--home-brand-weight,var(--header-brand-weight,700))!important;
 font-variation-settings:"wght" var(--home-brand-weight,var(--header-brand-weight,700))!important;
 font-kerning:var(--works-brand-kerning,auto);
 text-transform:var(--works-brand-transform,none);
 font-variant-caps:var(--works-brand-variant-caps,normal);
 text-decoration-line:var(--works-brand-decoration,none)!important;
 -webkit-font-smoothing:var(--works-brand-smoothing,antialiased);
 -webkit-text-stroke:var(--works-brand-stroke,0px);
 paint-order:stroke fill;
 filter:var(--works-brand-filter,none);
 opacity:var(--works-brand-opacity,1);
 transform-origin:left top;
 transform:scale(var(--works-brand-scale-x,1),var(--works-brand-scale-y,1)) rotate(var(--works-brand-rotate,0deg));
}
html body[data-page="works"]:not([data-unified-header]) .site-nav{
 line-height:var(--works-navigation-line-height,var(--home-nav-line-height,1.1))!important;
 letter-spacing:var(--works-navigation-effective-spacing,var(--home-navigation-spacing,-.035em))!important;
 word-spacing:var(--works-navigation-word-spacing,0px);
 font-family:var(--home-navigation-font,var(--header-navigation-font,var(--ndl-site-font,NDLInter,sans-serif)))!important;
 font-weight:var(--home-navigation-weight,var(--header-navigation-weight,700))!important;
 font-variation-settings:"wght" var(--home-navigation-weight,var(--header-navigation-weight,700))!important;
 font-kerning:var(--works-navigation-kerning,auto);
 text-transform:var(--works-navigation-transform,none);
 font-variant-caps:var(--works-navigation-variant-caps,normal);
 -webkit-font-smoothing:var(--works-navigation-smoothing,antialiased);
 -webkit-text-stroke:var(--works-navigation-stroke,0px);
 paint-order:stroke fill;
 filter:var(--works-navigation-filter,none);
 opacity:var(--works-navigation-opacity,1);
}
@media(min-width:768px){
 html[data-design-layout="20261026"] body[data-page="works"]:not([data-unified-header]) .site-title{
  left:var(--works-brand-left,var(--home-brand-left,1.303vw))!important;
  top:calc(var(--works-brand-top,var(--home-brand-top,calc(18.2px * var(--design-scale,1)))) + var(--works-brand-baseline-shift,0px))!important;
  font-size:var(--works-brand-size,var(--home-brand-size,calc(80px * var(--design-scale,1) * var(--brand-scale,.5))))!important;
 }
 html[data-design-layout="20261026"] body[data-page="works"]:not([data-unified-header]) .site-nav{
  top:calc(var(--works-nav-top,var(--home-nav-top,calc(19.1px * var(--design-scale,1)))) + var(--works-navigation-baseline-shift,0px))!important;
  left:var(--works-nav-left,var(--home-nav-left,50.6614vw))!important;
  right:var(--works-nav-right,var(--home-nav-right,1.271vw))!important;
  font-size:var(--works-nav-size,var(--header-nav-size,calc(34px * var(--design-scale,1) * var(--nav-scale,1))))!important;
 }
}
body[data-unified-header] .apple-studio-editor #works-brand-scale,
body[data-unified-header] .apple-studio-editor #works-nav-scale{
 pointer-events:auto!important;
}
body[data-unified-header] .apple-studio-editor .works-header-size{
 display:grid!important;
}
body[data-unified-header] .apple-studio-editor #font-controls .font-family-group:not([hidden]){
 display:block!important;
}
body[data-page="works"]:not([data-unified-header]) .site-nav a{
 text-decoration-line:var(--works-navigation-decoration,none)!important;
 transform-origin:left top;
 transform:scale(var(--works-navigation-scale-x,1),var(--works-navigation-scale-y,1)) rotate(var(--works-navigation-rotate,0deg));
}
body[data-page="works"][data-works-custom-margin="1"] .works-main{
 padding-left:var(--works-page-margin,calc(19.88px * var(--design-scale,1)))!important;
 padding-right:var(--works-page-margin,calc(19.88px * var(--design-scale,1)))!important;
}
body[data-page="works"] .work-card .work-caption{
 font-family:var(--home-title-font,var(--ndl-site-font,NDLInter,sans-serif))!important;
 font-weight:var(--home-title-weight,700)!important;
 font-variation-settings:"wght" var(--home-title-weight,700);
 letter-spacing:var(--works-title-effective-spacing,var(--home-title-spacing,-.025em))!important;
 word-spacing:var(--works-title-word-spacing,0px);
 line-height:var(--works-title-line-height,1)!important;
 font-kerning:var(--works-title-kerning,auto);
 text-transform:var(--works-title-transform,none)!important;
 font-variant-caps:var(--works-title-variant-caps,normal);
 text-decoration-line:var(--works-title-decoration,none)!important;
 -webkit-font-smoothing:var(--works-title-smoothing,antialiased);
 -webkit-text-stroke:var(--works-title-stroke,0px);
 paint-order:stroke fill;
}
body[data-page="works"] .work-card .work-category:not(.is-cjk){
 font-weight:var(--works-category-weight,500)!important;
 font-variation-settings:"wght" var(--works-category-weight,500);
 -webkit-text-stroke:0px;
}
body[data-page="works"] .work-card .work-title:not(.is-cjk):not(.is-bilingual),
body[data-page="works"] .work-card .work-category:not(.is-cjk):not(.is-bilingual){
 filter:var(--works-title-filter,none);
 opacity:var(--works-title-opacity,1);
 transform-origin:left top;
 transform:translateY(var(--works-title-baseline-shift,0px)) scale(var(--works-title-scale-x,1),var(--works-title-scale-y,1)) rotate(var(--works-title-rotate,0deg));
}
body[data-page="works"] .work-card .work-title:not(.is-cjk){
 line-height:var(--works-title-line-height,1)!important;
 text-decoration-line:var(--works-title-decoration,none)!important;
}
body[data-page="works"][data-works-title-custom="1"] .work-card .work-category:not(.is-cjk){
 font-family:var(--home-title-font,NDLSourceMedium,sans-serif)!important;
 font-weight:var(--works-category-weight,500)!important;
 font-variation-settings:"wght" var(--works-category-weight,500);
 letter-spacing:var(--works-title-effective-spacing,0)!important;
 line-height:var(--works-title-line-height,1)!important;
 text-decoration-line:var(--works-title-decoration,none)!important;
}

/* Works & Project Media List Card Refinements */
#work-list,
#project-controls .apple-block-list{
 display:flex;
 flex-direction:column;
 gap:8px;
}
.apple-search-bar{
 display:flex;
 align-items:center;
 gap:8px;
 padding:7px 11px;
 border-radius:10px;
 background:var(--apple-card);
 border:1px solid var(--apple-border);
}
.apple-search-bar input{
 flex:1;
 border:0;
 background:transparent;
 font-family:var(--apple-font);
 font-size:12px;
 color:var(--apple-ink);
 outline:none;
}
.apple-upload-dropzone #work-capacity{
 padding:4px 9px;
 border-radius:999px;
 background:#ffffff;
 color:var(--apple-ink);
 font-family:var(--apple-font);
 font-size:11px;
 font-weight:600;
 box-shadow:0 1px 3px rgba(0,0,0,0.06);
}
.work-card.is-inspector-highlight{
 outline:3px solid var(--apple-blue);
 outline-offset:6px;
 border-radius:4px;
 transition:outline-color .3s ease;
}

/* 3. Project Detail Page Character Panel & Apple Studio Inspector Bindings */
body[data-page="project"][data-project-char-active="1"] .project-introduction:not(.is-bilingual),
body[data-page="project"][data-project-char-active="1"] .project-bilingual-col.is-en p,
body[data-page="project"][data-project-char-active="1"] .project-text h2,
body[data-page="project"][data-project-char-active="1"] .project-text p{
 font-family:var(--project-title-font,NDLSourceMedium,sans-serif)!important;
 font-weight:var(--project-title-weight,700)!important;
 font-variation-settings:"wght" var(--project-title-weight,700);
 font-size:var(--project-title-size,var(--project-copy-size,clamp(20px,calc(36px * var(--design-scale,1)),54px)))!important;
 line-height:var(--project-title-line-height,1.111)!important;
 letter-spacing:var(--project-title-effective-spacing,var(--project-title-spacing,-.01em))!important;
 word-spacing:var(--project-title-word-spacing,0px);
 font-kerning:var(--project-title-kerning,auto);
 text-transform:var(--project-title-transform,none);
 font-variant-caps:var(--project-title-variant-caps,normal);
 text-decoration-line:var(--project-title-decoration,none)!important;
 -webkit-font-smoothing:var(--project-title-smoothing,antialiased);
 -webkit-text-stroke:var(--project-title-stroke,0px);
 paint-order:stroke fill;
 filter:var(--project-title-filter,none);
 opacity:var(--project-title-opacity,1);
 transform-origin:left top;
 transform:translateY(var(--project-title-baseline-shift,0px)) scale(var(--project-title-scale-x,1),var(--project-title-scale-y,1)) rotate(var(--project-title-rotate,0deg));
}
body[data-page="project"][data-project-cn-active="1"] .project-bilingual-col.is-cn p{
 font-family:var(--project-cn-custom-font,var(--project-cn-font,NDLProjectChinese,"PingFang SC",sans-serif))!important;
 font-weight:var(--project-cn-weight,700)!important;
 font-variation-settings:"wght" var(--project-cn-weight,700);
 font-size:var(--project-cn-size,clamp(19px,calc(33.5px * var(--design-scale,1)),50px))!important;
 line-height:var(--project-cn-line-height,1.255)!important;
 letter-spacing:var(--project-cn-effective-spacing,0em)!important;
 word-spacing:var(--project-cn-word-spacing,0px);
 font-kerning:var(--project-cn-kerning,auto);
 text-transform:var(--project-cn-transform,none);
 font-variant-caps:var(--project-cn-variant-caps,normal);
 text-decoration-line:var(--project-cn-decoration,none)!important;
 -webkit-font-smoothing:var(--project-cn-smoothing,antialiased);
 -webkit-text-stroke:var(--project-cn-stroke,0px);
 paint-order:stroke fill;
 filter:var(--project-cn-filter,none);
 opacity:var(--project-cn-opacity,1);
 transform-origin:left top;
 transform:translateY(var(--project-cn-baseline-shift,0px)) scale(var(--project-cn-scale-x,1),var(--project-cn-scale-y,1)) rotate(var(--project-cn-rotate,0deg));
}
body[data-page="project"][data-project-meta-active="1"] .project-meta,
body[data-page="project"][data-project-meta-active="1"] .project-caption{
 font-family:var(--project-meta-font,var(--project-title-font,NDLSourceMedium,sans-serif))!important;
 font-weight:var(--project-meta-weight,500)!important;
 font-size:var(--project-meta-size-custom,var(--project-meta-size,calc(20px * var(--design-scale,1))))!important;
 line-height:var(--project-meta-line-height,1.417)!important;
 letter-spacing:var(--project-meta-effective-spacing,0em)!important;
 word-spacing:var(--project-meta-word-spacing,0px);
 text-transform:var(--project-meta-transform,none);
 font-variant-caps:var(--project-meta-variant-caps,normal);
 text-decoration-line:var(--project-meta-decoration,none)!important;
 -webkit-text-stroke:var(--project-meta-stroke,0px);
 filter:var(--project-meta-filter,none);
 opacity:var(--project-meta-opacity,1);
 transform-origin:left top;
 transform:translateY(var(--project-meta-baseline-shift,0px)) scale(var(--project-meta-scale-x,1),var(--project-meta-scale-y,1)) rotate(var(--project-meta-rotate,0deg));
}
body[data-page="project"][data-project-next-active="1"] .project-next-label,
body[data-page="project"][data-project-next-active="1"] .project-next-name,
body[data-page="project"][data-project-next-active="1"] .project-end-nav,
body[data-page="project"][data-project-next-active="1"] .project-end-similar-heading{
 font-family:var(--project-next-font,var(--project-title-font,var(--ndl-site-font,NDLInter,sans-serif)))!important;
 font-weight:var(--project-next-weight,var(--project-title-weight,700))!important;
 font-size:var(--project-next-size,calc(56px * var(--design-scale,1)))!important;
 line-height:var(--project-next-line-height,1)!important;
 letter-spacing:var(--project-next-effective-spacing,var(--project-title-spacing,0em))!important;
 text-transform:var(--project-next-transform,none);
 font-variant-caps:var(--project-next-variant-caps,normal);
 text-decoration-line:var(--project-next-decoration,none)!important;
 -webkit-text-stroke:var(--project-next-stroke,0px);
 filter:var(--project-next-filter,none);
 opacity:var(--project-next-opacity,1);
 transform-origin:center top;
 transform:translateY(var(--project-next-baseline-shift,0px)) scale(var(--project-next-scale-x,1),var(--project-next-scale-y,1)) rotate(var(--project-next-rotate,0deg));
}

/* Project Editor Form & Block Cards inside Apple Studio Inspector */
.editor.apple-studio-editor .detail-param{
 margin:8px 0;
 padding:6px 0;
 border-top:0.5px solid rgba(0,0,0,0.06);
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:500;
 color:var(--apple-ink);
}
.editor.apple-studio-editor .detail-param:first-of-type{
 border-top:0;
}
.editor.apple-studio-editor .detail-param input[type="number"],
.editor.apple-studio-editor .detail-param select,
.editor.apple-studio-editor .info-param-value input{
 border-radius:7px;
 border:1px solid rgba(0,0,0,0.12);
 background:#ffffff;
 padding:4px 8px;
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:600;
 color:var(--apple-ink);
}
.editor.apple-studio-editor .site-field textarea{
 flex:1;
 min-width:0;
 border-radius:9px;
 border:1px solid rgba(0,0,0,0.12);
 background:rgba(255,255,255,0.95);
 padding:7px 10px;
 font-family:var(--apple-font);
 font-size:12px;
 line-height:1.45;
 color:var(--apple-ink);
 resize:vertical;
}
.editor.apple-studio-editor .site-field:has(textarea){
 flex-direction:column;
 align-items:stretch;
 gap:5px;
 margin-top:8px;
}
.editor.apple-studio-editor .detail-block-editor{
 border:1px solid var(--apple-border);
 border-radius:12px;
 background:rgba(255,255,255,0.9);
 padding:0 12px;
 margin-bottom:8px;
}
.editor.apple-studio-editor .detail-block-editor[open]{
 background:#ffffff;
 border-color:rgba(0,113,227,0.35);
 box-shadow:0 4px 14px rgba(0,0,0,0.05);
 padding-bottom:14px;
}

/* 4. Info Overlay Character Panel & Apple Studio Inspector Bindings */
#info-editor.editor.apple-studio-editor{
 z-index:120;
}
.info-open .info-en{
 font-family:var(--info-latin-font,Helvetica,Arial,sans-serif);
 font-weight:var(--info-latin-weight,700);
 font-variation-settings:"wght" var(--info-latin-weight,700);
 letter-spacing:var(--info-latin-effective-spacing,var(--info-latin-spacing,-.025em))!important;
 word-spacing:var(--info-latin-word-spacing,0px);
 font-kerning:var(--info-latin-kerning,auto);
 text-transform:var(--info-latin-transform,none);
 font-variant-caps:var(--info-latin-variant-caps,normal);
 text-decoration-line:var(--info-latin-decoration,none)!important;
 -webkit-font-smoothing:var(--info-latin-smoothing,antialiased);
 -webkit-text-stroke:var(--info-latin-stroke,0px);
 paint-order:stroke fill;
 filter:var(--info-latin-filter,none);
 transform-origin:left top;
 transform:translateY(var(--info-latin-baseline-shift,0px)) scale(var(--info-latin-scale-x,1),var(--info-latin-scale-y,1)) rotate(var(--info-latin-rotate,0deg));
}
.info-open .info-cn{
 font-family:var(--info-chinese-font,Helvetica,Arial,sans-serif);
 font-weight:var(--info-chinese-weight,700);
 font-variation-settings:"wght" var(--info-chinese-weight,700);
 letter-spacing:var(--info-chinese-effective-spacing,var(--info-chinese-spacing,0))!important;
 word-spacing:var(--info-chinese-word-spacing,0px);
 font-kerning:var(--info-chinese-kerning,auto);
 text-transform:var(--info-chinese-transform,none);
 font-variant-caps:var(--info-chinese-variant-caps,normal);
 text-decoration-line:var(--info-chinese-decoration,none)!important;
 -webkit-font-smoothing:var(--info-chinese-smoothing,antialiased);
 -webkit-text-stroke:var(--info-chinese-stroke,0px);
 paint-order:stroke fill;
 filter:var(--info-chinese-filter,none);
 transform-origin:left top;
 transform:translateY(var(--info-chinese-baseline-shift,0px)) scale(var(--info-chinese-scale-x,1),var(--info-chinese-scale-y,1)) rotate(var(--info-chinese-rotate,0deg));
}
.info-open .info-side{
 font-family:var(--info-side-font,Helvetica,Arial,sans-serif);
 font-weight:var(--info-side-weight,700);
 font-variation-settings:"wght" var(--info-side-weight,700);
 letter-spacing:var(--info-side-effective-spacing,var(--info-side-spacing,-.025em))!important;
 word-spacing:var(--info-side-word-spacing,0px);
 font-kerning:var(--info-side-kerning,auto);
 text-transform:var(--info-side-transform,none);
 font-variant-caps:var(--info-side-variant-caps,normal);
 text-decoration-line:var(--info-side-decoration,none)!important;
 -webkit-font-smoothing:var(--info-side-smoothing,antialiased);
 -webkit-text-stroke:var(--info-side-stroke,0px);
 paint-order:stroke fill;
 filter:var(--info-side-filter,none);
}
.info-open .info-side-label{
 transform-origin:right top;
}
.editor.apple-studio-editor .info-param{
 margin-top:10px;
 padding-top:8px;
 border-top:0.5px solid rgba(0,0,0,0.06);
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:500;
 color:var(--apple-ink);
}
.editor.apple-studio-editor .info-toggle{
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:500;
 color:var(--apple-ink);
 margin-top:10px;
}

/* 5. Homepage Motion Customizer Studio Card */
.apple-motion-card{
 border-radius:14px;
 background:var(--apple-card,#ffffff);
 border:1px solid var(--apple-border,rgba(0,0,0,0.08));
 padding:14px;
 margin-bottom:12px;
 display:flex;
 flex-direction:column;
 gap:10px;
}
.apple-motion-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
}
.apple-motion-title{
 font-family:var(--apple-font);
 font-size:13px;
 font-weight:700;
 color:var(--apple-ink,#1d1d1f);
 margin:0;
}
.apple-motion-preview-bar{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:6px;
 padding:8px;
 border-radius:11px;
 background:rgba(242,242,247,0.92);
 border:0.5px solid rgba(0,0,0,0.06);
}
.apple-motion-preview-btn{
 border-radius:8px;
 border:0.5px solid rgba(0,0,0,0.1);
 background:#ffffff;
 color:var(--apple-ink,#1d1d1f);
 font-family:var(--apple-font);
 font-size:11.5px;
 font-weight:600;
 padding:7px 8px;
 cursor:pointer;
 transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.apple-motion-preview-btn:hover{
 background:#f2f2f7;
}
.apple-motion-preview-btn.is-active{
 background:var(--apple-blue,#0071e3);
 color:#ffffff;
 border-color:var(--apple-blue,#0071e3);
}
.apple-motion-group-label{
 font-family:var(--apple-font);
 font-size:11px;
 font-weight:700;
 color:var(--apple-secondary,#6e6e73);
 letter-spacing:.02em;
 padding-top:6px;
 border-top:0.5px solid rgba(0,0,0,0.08);
 display:flex;
 align-items:center;
 justify-content:space-between;
}
.apple-motion-curve-row{
 display:flex;
 flex-direction:column;
 gap:6px;
}
.apple-motion-curve-label{
 font-family:var(--apple-font);
 font-size:11.5px;
 font-weight:500;
 color:var(--apple-ink,#1d1d1f);
}
.apple-motion-curve-seg{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:4px;
 padding:3px;
 border-radius:9px;
 background:rgba(118,118,128,0.12);
}
.apple-motion-curve-btn{
 border:0;
 border-radius:7px;
 background:transparent;
 color:var(--apple-secondary,#6e6e73);
 font-family:var(--apple-font);
 font-size:11px;
 font-weight:600;
 padding:5px 4px;
 cursor:pointer;
 transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.apple-motion-curve-btn.is-active{
 background:#ffffff;
 color:var(--apple-ink,#1d1d1f);
 box-shadow:0 1px 3px rgba(0,0,0,0.12);
}
.apple-motion-jump-btn{
 width:100%;
 margin-top:8px;
 padding:8px 12px;
 border-radius:10px;
 border:1px solid rgba(0,113,227,0.28);
 background:rgba(0,113,227,0.07);
 color:var(--apple-blue,#0071e3);
 font-family:var(--apple-font);
 font-size:12px;
 font-weight:600;
 cursor:pointer;
 text-align:center;
 transition:background .15s ease;
}
.apple-motion-jump-btn:hover{
 background:rgba(0,113,227,0.14);
}

/* 6. Mobile Responsive Adaptation for Apple Studio Inspector (< 768px) */
@media(max-width:767px){
 .editor.apple-studio-editor,
 .editor.apple-studio-editor.is-docked-left{
  inset:8px!important;
  width:auto!important;
  max-width:calc(100vw - 16px)!important;
  height:calc(100dvh - 16px)!important;
  max-height:calc(100dvh - 16px)!important;
  border-radius:18px;
 }
 .editor.apple-studio-editor.is-minimized{
  inset:auto 8px 12px 8px!important;
  transform:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100vw - 16px)!important;
  padding:7px 10px;
 }
 .apple-minimized-pill{
  justify-content:space-between;
  flex-wrap:wrap;
  gap:6px;
 }
 .editor.apple-studio-editor .editor-head{
  flex-wrap:wrap;
  padding:10px 12px;
  gap:6px 8px;
 }
 .editor.apple-studio-editor .editor-head>div:first-child{
  flex:1 1 180px;
 }
 .editor.apple-studio-editor .editor-head h2{
  font-size:15px;
 }
 .apple-header-actions{
  flex-wrap:wrap;
  gap:4px;
 }
 #apple-dock-btn{
  display:none!important;
 }
 .editor.apple-studio-editor .editor-body{
  padding:10px 12px 16px;
  gap:10px;
 }
 .apple-segmented{
  top:-10px;
 }
 .apple-main-tab{
  padding:6px 4px;
  font-size:11.5px;
 }
 .apple-role-tabs{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .apple-section-caption{
  flex-wrap:wrap;
  gap:4px;
 }
 .editor.apple-studio-editor .editor-foot{
  padding:9px 12px;
  gap:6px;
  flex-wrap:wrap;
 }
 .apple-foot-btn,
 .editor.apple-studio-editor .primary-button{
  height:30px;
  padding:0 11px;
  font-size:11.5px;
 }
 .ai-glyph-bar{
  flex-wrap:wrap;
 }
}