:root {
  color-scheme: light;
  --bg: #f3f6f5;
  --bg-secondary: #e8eeec;
  --panel: #fff;
  --panel-soft: #f8fbfa;
  --panel-elevated: #ffffff;
  --nav: rgba(255, 255, 255, .92);
  --nav-selected: rgba(46, 86, 100, .12);
  --ink: #142225;
  --ink-strong: #071112;
  --muted: #607174;
  --muted-strong: #405256;
  --line: #d7e1df;
  --chrome-border: #c2d0d0;
  --metal-highlight: rgba(255,255,255,.72);
  --teal: #2e5664;
  --teal-soft: #edf4f5;
  --gold: #a96f39;
  --gold-soft: #fff8f1;
  --danger: #a43d33;
  --ok: #26734d;
  --voice: #165db8;
  --focus: rgba(169, 111, 57, .38);
  --button-primary: linear-gradient(135deg, #123c52, #236a82 48%, #0d2f42);
  --button-primary-text: #ffffff;
  --button-secondary: linear-gradient(135deg, #4f3218, #9d6529 52%, #5b3819);
  --button-secondary-text: #fff8ed;
  --button-tertiary: linear-gradient(135deg, #44515f, #6e7d91 52%, #2d3745);
  --button-tertiary-text: #ffffff;
  --button-disabled: #b9c4c3;
  --button-disabled-text: #425356;
  --lcs-button-master-source: "Review Next Article";
  --lcs-button-gold-fill: linear-gradient(135deg, #5b360d 0%, #9b6b22 44%, #d8b56d 72%, #6d4613 100%);
  --lcs-button-platinum-border: #c8c1b1;
  --lcs-button-platinum-border-metal: linear-gradient(135deg, #8c8578, #f1eadb 34%, #b8ae9b 62%, #766f63);
  --lcs-button-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lcs-button-font-weight: 900;
  --lcs-button-text: #fff8e7;
  --lcs-button-radius: 10px;
  --lcs-button-padding: 8px 14px;
  --lcs-button-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -12px 24px rgba(0,0,0,.22), 0 14px 30px rgba(0,0,0,.22);
  --lcs-button-shadow-hover: inset 0 1px 0 rgba(255,255,255,.46), inset 0 -10px 20px rgba(0,0,0,.2), 0 18px 36px rgba(0,0,0,.28);
  --lcs-button-shadow-active: inset 0 2px 9px rgba(0,0,0,.35), 0 7px 16px rgba(0,0,0,.18);
  --lcs-button-chase-light: rgba(246, 241, 229, .9);
  --input-bg: #ffffff;
  --input-border: #cbd8d6;
  --selected-control: linear-gradient(135deg, #2e5664, #396f7e);
  --selected-control-text: #ffffff;
  --shadow: 0 18px 45px rgba(20, 34, 37, .1);
  --shadow-strong: 0 28px 80px rgba(20, 34, 37, .22);
  --shadow-soft: 0 14px 36px rgba(20, 34, 37, .1);
  --shadow-elevated: 0 28px 80px rgba(20, 34, 37, .22);
  --glow-subtle: 0 0 24px rgba(46, 86, 100, .15);
  --glass-opacity: .78;
  --blur-strength: 16px;
  --material-reflection: linear-gradient(115deg, transparent 0 58%, rgba(255,255,255,.16) 64%, transparent 74%);
  --radius: 10px;
  --radius-sm: 7px;
  --space: 16px;
  --chase-color-1: var(--teal);
  --chase-color-2: var(--voice);
  --chase-color-3: var(--metal-highlight);
  --chase-speed: 8s;
  --chase-opacity: .72;
  --chase-opacity-pct: 72%;
  --chase-secondary-opacity: .62;
  --chase-secondary-opacity-pct: 62%;
  --chase-static-opacity: .42;
  --chase-thickness: 1.5px;
  --chase-shadow: 0 0 22px color-mix(in srgb, var(--teal) 20%, transparent);
  --sheen: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.08) 42%, rgba(0,0,0,.08));
}
html[data-lens-theme="light"] {
  --bg:#f3f6f5; --bg-secondary:#e7eeee; --panel:#ffffff; --panel-soft:#f7fbfa; --panel-elevated:#ffffff; --nav:rgba(255,255,255,.88); --nav-selected:rgba(46,86,100,.13); --ink:#142225; --ink-strong:#071112; --muted:#607174; --muted-strong:#405256; --line:#d7e1df; --chrome-border:#c2d1d1; --metal-highlight:rgba(255,255,255,.72); --teal:#2e5664; --teal-soft:#edf4f5; --gold:#a96f39; --gold-soft:#fff8f1; --danger:#a43d33; --ok:#26734d; --voice:#165db8; --focus:rgba(169,111,57,.42); --button-primary:linear-gradient(135deg,#123c52,#236a82 48%,#0d2f42); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#4f3218,#9d6529 52%,#5b3819); --button-secondary-text:#fff8ed; --button-tertiary:linear-gradient(135deg,#44515f,#6e7d91 52%,#2d3745); --button-tertiary-text:#fff; --input-bg:#fff; --input-border:#cbd8d6; --selected-control:linear-gradient(135deg,#2e5664,#396f7e); --selected-control-text:#fff; --shadow-soft:0 14px 36px rgba(20,34,37,.1); --shadow-elevated:0 28px 80px rgba(20,34,37,.22); --glow-subtle:0 0 24px rgba(46,86,100,.15); --glass-opacity:.78; --blur-strength:16px; --material-reflection:linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.16) 64%,transparent 74%);
}
html[data-lens-theme="dark"],
html[data-lens-theme="midnight-sapphire"] {
  color-scheme: dark; --bg:#07131f; --bg-secondary:#0b1d2d; --panel:#0d1e2f; --panel-soft:#12283d; --panel-elevated:#142f48; --nav:rgba(8,20,33,.94); --nav-selected:rgba(127,199,224,.18); --ink:#f2f7fb; --ink-strong:#fff; --muted:#a9bdcc; --muted-strong:#c8d8e2; --line:#264257; --chrome-border:#426179; --metal-highlight:rgba(210,237,255,.45); --teal:#7fc7e0; --teal-soft:#102c3f; --gold:#d7aa63; --gold-soft:#2a2115; --danger:#ff9a8e; --ok:#8ee0ad; --voice:#8cb8ff; --focus:rgba(140,184,255,.55); --button-primary:linear-gradient(135deg,#0c4664,#1588ad 50%,#0a324a); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#4a3317,#c38d3e 52%,#5c3b16); --button-secondary-text:#fff9ec; --button-tertiary:linear-gradient(135deg,#26384a,#536a80 54%,#182737); --button-tertiary-text:#fff; --input-bg:#0a1a29; --input-border:#31506a; --selected-control:linear-gradient(135deg,#1e6d91,#86c9df); --selected-control-text:#041019; --shadow-soft:0 18px 48px rgba(0,0,0,.35); --shadow-elevated:0 30px 90px rgba(0,0,0,.55); --glow-subtle:0 0 28px rgba(127,199,224,.2); --glass-opacity:.86; --blur-strength:18px; --material-reflection:linear-gradient(110deg,transparent 0 58%,rgba(197,231,255,.14) 65%,transparent 78%);
}
html[data-lens-theme="sapphire-flow"] {
  color-scheme: dark; --bg:#030918; --bg-secondary:#07142a; --panel:rgba(9,20,45,.9); --panel-soft:rgba(16,32,67,.84); --panel-elevated:rgba(21,39,82,.94); --nav:rgba(5,12,29,.86); --nav-selected:rgba(99,135,255,.24); --ink:#f7faff; --ink-strong:#ffffff; --muted:#b7c7e8; --muted-strong:#d5e0f7; --line:#30456f; --chrome-border:#6f86b4; --metal-highlight:rgba(224,237,255,.5); --teal:#9fc2ff; --teal-soft:#101d3d; --gold:#d8a965; --gold-soft:#251a14; --danger:#ff9696; --ok:#72f1a7; --voice:#b489ff; --focus:rgba(156,189,255,.66); --button-primary:linear-gradient(135deg,#0b3e85,#367bff 48%,#102155); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#6b3f16,#d4973f 52%,#724715); --button-secondary-text:#fff7e8; --button-tertiary:linear-gradient(135deg,#34425f,#6d7da4 54%,#202a45); --button-tertiary-text:#ffffff; --input-bg:rgba(3,11,28,.72); --input-border:#3a5386; --selected-control:linear-gradient(135deg,#254de9,#8a63ff); --selected-control-text:#ffffff; --shadow-soft:0 20px 62px rgba(0,0,0,.34); --shadow-elevated:0 36px 110px rgba(0,0,0,.62); --glow-subtle:0 0 34px rgba(94,130,255,.24); --glass-opacity:.88; --blur-strength:20px; --material-reflection:linear-gradient(110deg,transparent 0 56%,rgba(183,208,255,.18) 64%,rgba(255,255,255,.05) 68%,transparent 78%); --radius:14px; --radius-sm:10px; --sheen:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 45%,rgba(0,0,0,.16));
}
html[data-lens-theme="midnight-luxe"] {
  color-scheme: dark; --bg:#020303; --bg-secondary:#080908; --panel:rgba(12,12,13,.92); --panel-soft:rgba(22,20,18,.88); --panel-elevated:rgba(29,27,24,.96); --nav:rgba(4,4,5,.9); --nav-selected:rgba(227,188,112,.18); --ink:#fffaf0; --ink-strong:#ffffff; --muted:#d7c8ad; --muted-strong:#f0dfbf; --line:#4a3d29; --chrome-border:#8c744c; --metal-highlight:rgba(255,233,182,.42); --teal:#e7c882; --teal-soft:#231b10; --gold:#f2cd78; --gold-soft:#2d2111; --danger:#ff9a8e; --ok:#91d4a7; --voice:#b89cff; --focus:rgba(242,205,120,.62); --button-primary:linear-gradient(135deg,#5c4218,#e8bd62 50%,#7a561d); --button-primary-text:#10100d; --button-secondary:linear-gradient(135deg,#2e1c0a,#a66c22 52%,#44280d); --button-secondary-text:#fff7e5; --button-tertiary:linear-gradient(135deg,#262626,#5b5a56 54%,#151515); --button-tertiary-text:#fffaf0; --input-bg:rgba(5,5,6,.78); --input-border:#655235; --selected-control:linear-gradient(135deg,#d0a14a,#ffdc89); --selected-control-text:#090806; --shadow-soft:0 20px 60px rgba(0,0,0,.52); --shadow-elevated:0 38px 120px rgba(0,0,0,.74); --glow-subtle:0 0 30px rgba(242,205,120,.18); --glass-opacity:.9; --blur-strength:18px; --material-reflection:linear-gradient(112deg,transparent 0 58%,rgba(255,226,160,.16) 64%,transparent 76%); --radius:14px;
}
html[data-lens-theme="aurora"] {
  color-scheme: dark; --bg:#050615; --bg-secondary:#0d0c2a; --panel:rgba(18,16,45,.9); --panel-soft:rgba(32,22,70,.86); --panel-elevated:rgba(39,26,84,.96); --nav:rgba(9,8,27,.9); --nav-selected:rgba(202,104,255,.22); --ink:#fff8ff; --ink-strong:#ffffff; --muted:#d8c8f3; --muted-strong:#f0e7ff; --line:#563e82; --chrome-border:#9a72c9; --metal-highlight:rgba(255,219,255,.45); --teal:#c79aff; --teal-soft:#251642; --gold:#ff9ed8; --gold-soft:#351328; --danger:#ff91a5; --ok:#6cf4b8; --voice:#83c8ff; --focus:rgba(205,140,255,.64); --button-primary:linear-gradient(135deg,#4e2ae0,#af5cff 48%,#11a7d8); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#743020,#e5708e 52%,#8b3a85); --button-secondary-text:#fff6fb; --button-tertiary:linear-gradient(135deg,#302953,#68639c 54%,#1d1a37); --button-tertiary-text:#ffffff; --input-bg:rgba(8,8,28,.78); --input-border:#60448e; --selected-control:linear-gradient(135deg,#7a4cff,#ff6fd8); --selected-control-text:#ffffff; --shadow-soft:0 20px 62px rgba(10,7,32,.44); --shadow-elevated:0 38px 118px rgba(0,0,0,.66); --glow-subtle:0 0 36px rgba(196,102,255,.24); --glass-opacity:.88; --blur-strength:20px; --material-reflection:linear-gradient(112deg,transparent 0 54%,rgba(255,132,232,.16) 61%,rgba(83,217,255,.13) 68%,transparent 78%); --radius:14px;
}
html[data-lens-theme="ocean"] {
  color-scheme: dark; --bg:#03101b; --bg-secondary:#051c2b; --panel:rgba(7,26,43,.9); --panel-soft:rgba(12,41,65,.84); --panel-elevated:rgba(14,50,78,.96); --nav:rgba(4,18,32,.9); --nav-selected:rgba(86,215,238,.18); --ink:#eefcff; --ink-strong:#ffffff; --muted:#b0dce5; --muted-strong:#d6f5fa; --line:#255366; --chrome-border:#5d8795; --metal-highlight:rgba(216,253,255,.44); --teal:#6de4f4; --teal-soft:#082b37; --gold:#d7b167; --gold-soft:#2b2113; --danger:#ff9384; --ok:#73eba8; --voice:#72baff; --focus:rgba(109,228,244,.58); --button-primary:linear-gradient(135deg,#075173,#15a9c2 50%,#07364d); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#553917,#c78e38 52%,#5f4218); --button-secondary-text:#fff8eb; --button-tertiary:linear-gradient(135deg,#244051,#50798b 54%,#162b38); --button-tertiary-text:#ffffff; --input-bg:rgba(4,18,32,.78); --input-border:#2d6174; --selected-control:linear-gradient(135deg,#0786a5,#6de4f4); --selected-control-text:#03131a; --shadow-soft:0 20px 62px rgba(0,0,0,.38); --shadow-elevated:0 36px 110px rgba(0,0,0,.62); --glow-subtle:0 0 32px rgba(86,215,238,.2); --glass-opacity:.88; --blur-strength:18px; --material-reflection:linear-gradient(112deg,transparent 0 57%,rgba(156,244,255,.15) 64%,transparent 78%); --radius:14px;
}
html[data-lens-theme="arctic-glass"] {
  --bg:#eaf3f8; --bg-secondary:#dceaf2; --panel:rgba(255,255,255,.86); --panel-soft:rgba(247,252,255,.92); --panel-elevated:#ffffff; --nav:rgba(255,255,255,.82); --nav-selected:rgba(32,92,130,.12); --ink:#102838; --ink-strong:#061923; --muted:#526d7b; --muted-strong:#304a58; --line:#bfd4df; --chrome-border:#8fb1c1; --metal-highlight:rgba(255,255,255,.9); --teal:#1b6484; --teal-soft:#e0f2f8; --gold:#8f6d3a; --gold-soft:#fff7e7; --danger:#9d332e; --ok:#1f724a; --voice:#195ed1; --focus:rgba(25,94,209,.42); --button-primary:linear-gradient(135deg,#103d64,#247fb7 50%,#0b2b48); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#5c3a14,#b68135 52%,#684719); --button-secondary-text:#fff9ec; --button-tertiary:linear-gradient(135deg,#e8f1f7,#ffffff 45%,#cadce7); --button-tertiary-text:#102838; --input-bg:rgba(255,255,255,.95); --input-border:#a8bfcb; --selected-control:linear-gradient(135deg,#1b6484,#b9ecff); --selected-control-text:#061923; --shadow-soft:0 18px 48px rgba(50,83,105,.14); --shadow-elevated:0 30px 90px rgba(50,83,105,.22); --glow-subtle:0 0 26px rgba(88,170,220,.16); --glass-opacity:.74; --blur-strength:22px; --material-reflection:linear-gradient(112deg,transparent 0 55%,rgba(255,255,255,.48) 62%,transparent 78%); --radius:14px;
}
html[data-lens-theme="editorial"] {
  --bg:#f2eee5; --bg-secondary:#e8dfd2; --panel:#fffaf1; --panel-soft:#f8f1e6; --panel-elevated:#fffdf8; --nav:rgba(255,250,241,.92); --nav-selected:rgba(120,85,38,.13); --ink:#211d18; --ink-strong:#090806; --muted:#675d51; --muted-strong:#473f36; --line:#d7c6ad; --chrome-border:#b89f7c; --metal-highlight:rgba(255,255,255,.65); --teal:#354b64; --teal-soft:#e6ebf0; --gold:#9c682e; --gold-soft:#fff2dc; --danger:#9e3a2f; --ok:#28724c; --voice:#5940a8; --focus:rgba(156,104,46,.45); --button-primary:linear-gradient(135deg,#22364e,#506985 50%,#172739); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#5d3b15,#b9782a 52%,#6c4318); --button-secondary-text:#fff8ea; --button-tertiary:linear-gradient(135deg,#f5ead8,#fff8ed 48%,#ddc9ae); --button-tertiary-text:#211d18; --input-bg:#fffdf8; --input-border:#cbb899; --selected-control:linear-gradient(135deg,#354b64,#947140); --selected-control-text:#ffffff; --shadow-soft:0 16px 42px rgba(80,62,39,.14); --shadow-elevated:0 30px 86px rgba(80,62,39,.22); --glow-subtle:0 0 22px rgba(156,104,46,.14); --glass-opacity:.86; --blur-strength:12px; --material-reflection:linear-gradient(112deg,transparent 0 58%,rgba(255,255,255,.22) 64%,transparent 78%); --radius:10px;
}
html[data-lens-theme="forest"] {
  color-scheme: dark; --bg:#04100b; --bg-secondary:#071a11; --panel:rgba(10,28,20,.9); --panel-soft:rgba(16,42,29,.86); --panel-elevated:rgba(21,54,37,.96); --nav:rgba(6,19,13,.9); --nav-selected:rgba(118,214,163,.18); --ink:#f5fff7; --ink-strong:#ffffff; --muted:#bdd8c6; --muted-strong:#e1f4e7; --line:#2f543f; --chrome-border:#806d49; --metal-highlight:rgba(255,232,180,.28); --teal:#78dda5; --teal-soft:#12301f; --gold:#c5a05b; --gold-soft:#261d0f; --danger:#ff9788; --ok:#83f1a8; --voice:#96bcff; --focus:rgba(120,221,165,.52); --button-primary:linear-gradient(135deg,#0b522d,#39b879 50%,#0a3a23); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#5a3c16,#b78736 52%,#624317); --button-secondary-text:#fff8e8; --button-tertiary:linear-gradient(135deg,#263d31,#59705d 54%,#18281f); --button-tertiary-text:#ffffff; --input-bg:rgba(5,18,12,.78); --input-border:#3c624d; --selected-control:linear-gradient(135deg,#16864d,#78dda5); --selected-control-text:#04100b; --shadow-soft:0 20px 58px rgba(0,0,0,.42); --shadow-elevated:0 38px 110px rgba(0,0,0,.65); --glow-subtle:0 0 30px rgba(120,221,165,.18); --glass-opacity:.88; --blur-strength:18px; --material-reflection:linear-gradient(112deg,transparent 0 58%,rgba(212,184,124,.13) 64%,transparent 78%); --radius:14px;
}
html[data-lens-theme="rose-gold"] {
  color-scheme: dark; --bg:#130c12; --bg-secondary:#21131d; --panel:rgba(32,22,31,.9); --panel-soft:rgba(46,30,43,.86); --panel-elevated:rgba(58,38,53,.96); --nav:rgba(21,13,20,.9); --nav-selected:rgba(224,156,127,.18); --ink:#fff8f3; --ink-strong:#ffffff; --muted:#e0c3b9; --muted-strong:#f7ded3; --line:#60424d; --chrome-border:#b17a76; --metal-highlight:rgba(255,217,199,.38); --teal:#e0a087; --teal-soft:#3a1e28; --gold:#d6a176; --gold-soft:#321f18; --danger:#ff9a9a; --ok:#82daa4; --voice:#b99cff; --focus:rgba(224,160,135,.54); --button-primary:linear-gradient(135deg,#683449,#d7947a 52%,#7b3e4d); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#5b3218,#bd7c48 52%,#6b3b1d); --button-secondary-text:#fff8ec; --button-tertiary:linear-gradient(135deg,#3d3340,#786375 54%,#271e29); --button-tertiary-text:#fff8f3; --input-bg:rgba(18,10,17,.78); --input-border:#714d58; --selected-control:linear-gradient(135deg,#b86a73,#efb095); --selected-control-text:#160d11; --shadow-soft:0 20px 58px rgba(0,0,0,.42); --shadow-elevated:0 38px 110px rgba(0,0,0,.65); --glow-subtle:0 0 28px rgba(224,160,135,.18); --glass-opacity:.88; --blur-strength:18px; --material-reflection:linear-gradient(112deg,transparent 0 58%,rgba(255,198,184,.15) 64%,transparent 78%); --radius:14px;
}
html[data-lens-theme="warm-sand"] {
  --bg:#f3eadc; --bg-secondary:#e5d6c2; --panel:#fffaf0; --panel-soft:#f8efe2; --panel-elevated:#fffdf7; --nav:rgba(255,250,240,.9); --nav-selected:rgba(145,94,36,.13); --ink:#231d17; --ink-strong:#090705; --muted:#64594e; --muted-strong:#42382f; --line:#d4bea1; --chrome-border:#b69973; --metal-highlight:rgba(255,255,255,.64); --teal:#5c4f3f; --teal-soft:#efe2d0; --gold:#9a6629; --gold-soft:#fff1d8; --danger:#9e3a2f; --ok:#28754d; --voice:#2e66a3; --focus:rgba(154,102,41,.44); --button-primary:linear-gradient(135deg,#3d3328,#77634b 50%,#2a231d); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#6c4318,#bd7d2f 52%,#704717); --button-secondary-text:#fff8e8; --button-tertiary:linear-gradient(135deg,#fbefdd,#fff9ee 48%,#dcc7a8); --button-tertiary-text:#231d17; --input-bg:#fffdf8; --input-border:#c8ad88; --selected-control:linear-gradient(135deg,#7c5d31,#d9b778); --selected-control-text:#17110a; --shadow-soft:0 16px 42px rgba(88,64,36,.13); --shadow-elevated:0 30px 86px rgba(88,64,36,.23); --glow-subtle:0 0 24px rgba(154,102,41,.12); --glass-opacity:.86; --blur-strength:12px; --material-reflection:linear-gradient(112deg,transparent 0 58%,rgba(255,255,255,.28) 64%,transparent 78%); --radius:12px;
}
html[data-lens-theme="graphite-blue"] {
  color-scheme: dark; --bg:#0d131a; --bg-secondary:#141d27; --panel:#1a2430; --panel-soft:#202d3a; --panel-elevated:#263544; --nav:rgba(18,26,36,.94); --nav-selected:rgba(142,184,220,.16); --ink:#f4f8fb; --ink-strong:#ffffff; --muted:#becbd5; --muted-strong:#dde7ee; --line:#3c4e5f; --chrome-border:#6f8396; --metal-highlight:rgba(230,241,255,.36); --teal:#a8c8e7; --teal-soft:#202f3d; --gold:#cba66b; --gold-soft:#32291d; --danger:#ff988c; --ok:#89dfa8; --voice:#9bbfff; --focus:rgba(168,200,231,.55); --button-primary:linear-gradient(135deg,#243a54,#638eb8 50%,#17283a); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#563818,#b98436 52%,#60411b); --button-secondary-text:#fff8eb; --button-tertiary:linear-gradient(135deg,#2d3540,#65707c 54%,#191f27); --button-tertiary-text:#ffffff; --input-bg:#111b25; --input-border:#45586a; --selected-control:linear-gradient(135deg,#466d95,#a8c8e7); --selected-control-text:#071019; --shadow-soft:0 18px 52px rgba(0,0,0,.38); --shadow-elevated:0 32px 94px rgba(0,0,0,.58); --glow-subtle:0 0 24px rgba(142,184,220,.16); --glass-opacity:.9; --blur-strength:16px; --material-reflection:linear-gradient(112deg,transparent 0 58%,rgba(230,241,255,.12) 64%,transparent 78%); --radius:12px;
}
html[data-lens-theme="royal-plum"] {
  color-scheme: dark; --bg:#120b1b; --bg-secondary:#1d1229; --panel:#24172f; --panel-soft:#2d1e3a; --panel-elevated:#39254a; --nav:rgba(25,16,35,.94); --nav-selected:rgba(214,181,255,.17); --ink:#fbf6ff; --ink-strong:#ffffff; --muted:#d2c0de; --muted-strong:#ede0f8; --line:#503a60; --chrome-border:#806493; --metal-highlight:rgba(237,221,255,.34); --teal:#d8b8ff; --teal-soft:#332241; --gold:#ddb76a; --gold-soft:#342816; --danger:#ff96a0; --ok:#83dfa7; --voice:#c5a7ff; --focus:rgba(216,184,255,.56); --button-primary:linear-gradient(135deg,#4c2379,#9b68dc 52%,#301c52); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#5a3715,#bc8332 52%,#634018); --button-secondary-text:#fff8eb; --button-tertiary:linear-gradient(135deg,#30243f,#66577a 54%,#1d1528); --button-tertiary-text:#ffffff; --input-bg:#160d21; --input-border:#5a416c; --selected-control:linear-gradient(135deg,#6b35aa,#d8b8ff); --selected-control-text:#120b1b; --shadow-soft:0 20px 58px rgba(0,0,0,.42); --shadow-elevated:0 38px 110px rgba(0,0,0,.64); --glow-subtle:0 0 30px rgba(216,184,255,.18); --glass-opacity:.88; --blur-strength:18px; --material-reflection:linear-gradient(112deg,transparent 0 58%,rgba(237,221,255,.14) 64%,transparent 78%); --radius:14px;
}
html[data-lens-theme="high-contrast"] {
  color-scheme: dark; --bg:#000; --bg-secondary:#000; --panel:#050505; --panel-soft:#111; --panel-elevated:#171717; --nav:#000; --nav-selected:#102840; --ink:#fff; --ink-strong:#fff; --muted:#f0f0f0; --muted-strong:#fff; --line:#fff; --chrome-border:#fff; --metal-highlight:#fff; --teal:#7be7ff; --teal-soft:#001b22; --gold:#ffd84d; --gold-soft:#211b00; --danger:#ff6b6b; --ok:#55ff99; --voice:#9ec2ff; --focus:#ffd84d; --button-primary:linear-gradient(135deg,#003f5c,#7be7ff); --button-primary-text:#000; --button-secondary:linear-gradient(135deg,#563900,#ffd84d); --button-secondary-text:#000; --button-tertiary:#1b1b1b; --button-tertiary-text:#fff; --button-disabled:#333; --button-disabled-text:#fff; --input-bg:#000; --input-border:#fff; --selected-control:#ffd84d; --selected-control-text:#000; --shadow-soft:none; --shadow-elevated:none; --glow-subtle:none; --glass-opacity:1; --blur-strength:0px; --material-reflection:none; --radius:8px;
}
html[data-lens-theme="custom"] { color-scheme: dark; --bg:#050b18; --bg-secondary:#09152b; --panel:rgba(13,23,45,.88); --panel-soft:rgba(19,34,65,.8); --panel-elevated:rgba(24,42,78,.94); --nav:rgba(7,14,30,.88); --nav-selected:rgba(139,183,255,.2); --ink:#f7f9ff; --ink-strong:#fff; --muted:#c1cbe3; --muted-strong:#dde6fa; --line:#354770; --chrome-border:#6f83b2; --metal-highlight:rgba(255,255,255,.35); --teal:#8bb7ff; --teal-soft:#102448; --gold:#cf9f66; --gold-soft:#2a2118; --voice:#ba79ff; --ok:#73e6a4; --button-primary:linear-gradient(135deg,#0b3e85,#367bff 48%,#102155); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#6b3f16,#d4973f 52%,#724715); --button-secondary-text:#fff7e8; --button-tertiary:linear-gradient(135deg,#34425f,#6d7da4 54%,#202a45); --button-tertiary-text:#fff; --input-bg:rgba(3,11,28,.72); --input-border:#3a5386; --selected-control:linear-gradient(135deg,#254de9,#8a63ff); --selected-control-text:#fff; --radius:16px; }
@media (prefers-color-scheme: dark) {
  html[data-lens-theme="system"] { color-scheme: dark; --bg:#030918; --bg-secondary:#07142a; --panel:rgba(9,20,45,.9); --panel-soft:rgba(16,32,67,.84); --panel-elevated:rgba(21,39,82,.94); --nav:rgba(5,12,29,.86); --nav-selected:rgba(99,135,255,.24); --ink:#f7faff; --ink-strong:#ffffff; --muted:#b7c7e8; --muted-strong:#d5e0f7; --line:#30456f; --chrome-border:#6f86b4; --metal-highlight:rgba(224,237,255,.5); --teal:#9fc2ff; --teal-soft:#101d3d; --gold:#d8a965; --gold-soft:#251a14; --danger:#ff9696; --ok:#72f1a7; --voice:#b489ff; --focus:rgba(156,189,255,.66); --button-primary:linear-gradient(135deg,#0b3e85,#367bff 48%,#102155); --button-primary-text:#ffffff; --button-secondary:linear-gradient(135deg,#6b3f16,#d4973f 52%,#724715); --button-secondary-text:#fff7e8; --button-tertiary:linear-gradient(135deg,#34425f,#6d7da4 54%,#202a45); --button-tertiary-text:#ffffff; --input-bg:rgba(3,11,28,.72); --input-border:#3a5386; --selected-control:linear-gradient(135deg,#254de9,#8a63ff); --selected-control-text:#ffffff; --shadow-soft:0 20px 62px rgba(0,0,0,.34); --shadow-elevated:0 36px 110px rgba(0,0,0,.62); --glow-subtle:0 0 34px rgba(94,130,255,.24); --glass-opacity:.88; --blur-strength:20px; --material-reflection:linear-gradient(110deg,transparent 0 56%,rgba(183,208,255,.18) 64%,rgba(255,255,255,.05) 68%,transparent 78%); --radius:14px; --radius-sm:10px; }
}
html[data-lens-theme="light"] {
  --button-primary:linear-gradient(135deg,#0d3147,#1e5870 50%,#092637); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#452708,#7a4813 52%,#3a2107); --button-secondary-text:#fff8ed; --button-tertiary:linear-gradient(135deg,#33404e,#4f5d70 52%,#252f3a); --button-tertiary-text:#fff; --selected-control:linear-gradient(135deg,#193f4d,#2e6676); --selected-control-text:#fff;
}
html[data-lens-theme="dark"],
html[data-lens-theme="midnight-sapphire"] {
  --button-primary:linear-gradient(135deg,#082b40,#0d5f7d 50%,#061f31); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#3b2509,#7b551a 52%,#2e1c08); --button-secondary-text:#fff9ec; --button-tertiary:linear-gradient(135deg,#1f2e3d,#405268 54%,#142130); --button-tertiary-text:#fff; --selected-control:linear-gradient(135deg,#0c506c,#12627d); --selected-control-text:#fff;
}
html[data-lens-theme="sapphire-flow"],
html[data-lens-theme="system"],
html[data-lens-theme="custom"] {
  --button-primary:linear-gradient(135deg,#092b66,#1d50ad 48%,#081d48); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#4b2a08,#815012 52%,#3b2107); --button-secondary-text:#fff7e8; --button-tertiary:linear-gradient(135deg,#26334d,#485875 54%,#1d2940); --button-tertiary-text:#fff; --selected-control:linear-gradient(135deg,#1737a5,#4431a5); --selected-control-text:#fff;
}
html[data-lens-theme="midnight-luxe"] {
  --button-primary:linear-gradient(135deg,#3f2b08,#765416 50%,#251806); --button-primary-text:#fffaf0; --button-secondary:linear-gradient(135deg,#2e1c07,#704713 52%,#251606); --button-secondary-text:#fff9ec; --button-tertiary:linear-gradient(135deg,#202020,#3e3d38 54%,#111); --button-tertiary-text:#fffaf0; --selected-control:linear-gradient(135deg,#4b3208,#775716); --selected-control-text:#fffaf0;
}
html[data-lens-theme="aurora"] {
  --button-primary:linear-gradient(135deg,#3118a4,#6730a8 48%,#07637c); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#522013,#8d344b 52%,#5a2153); --button-secondary-text:#fff6fb; --button-tertiary:linear-gradient(135deg,#292246,#4d4776 54%,#18152e); --button-tertiary-text:#fff; --selected-control:linear-gradient(135deg,#4525b5,#8a276e); --selected-control-text:#fff;
}
html[data-lens-theme="ocean"] {
  --button-primary:linear-gradient(135deg,#05384f,#0d6779 50%,#052a3d); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#442708,#795012 52%,#342107); --button-secondary-text:#fff8eb; --button-tertiary:linear-gradient(135deg,#1f3949,#415f6d 54%,#132735); --button-tertiary-text:#fff; --selected-control:linear-gradient(135deg,#07566b,#0d6c82); --selected-control-text:#fff;
}
html[data-lens-theme="arctic-glass"] {
  --button-primary:linear-gradient(135deg,#0d3659,#1b628f 50%,#092740); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#4d2c09,#7c5014 52%,#3a2408); --button-secondary-text:#fff9ec; --button-tertiary:linear-gradient(135deg,#2f4354,#596f82 50%,#243544); --button-tertiary-text:#fff; --selected-control:linear-gradient(135deg,#0f4862,#1b6380); --selected-control-text:#fff;
}
html[data-lens-theme="editorial"] {
  --button-secondary:linear-gradient(135deg,#4c2d09,#7f5015 52%,#3b2208); --button-secondary-text:#fff8ea; --button-tertiary:linear-gradient(135deg,#d7c3a5,#f4ead8 48%,#b99a70); --button-tertiary-text:#211d18; --selected-control:linear-gradient(135deg,#263c55,#5a431f); --selected-control-text:#fff;
}
html[data-lens-theme="forest"] {
  --button-primary:linear-gradient(135deg,#06371d,#1d7045 50%,#052b19); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#442908,#745016 52%,#332007); --button-secondary-text:#fff8e8; --button-tertiary:linear-gradient(135deg,#21372b,#405845 54%,#16261d); --button-tertiary-text:#fff; --selected-control:linear-gradient(135deg,#0d5f35,#17623e); --selected-control-text:#fff;
}
html[data-lens-theme="rose-gold"] {
  --button-primary:linear-gradient(135deg,#4d2232,#874753 52%,#552734); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#452508,#7b4b1b 52%,#392007); --button-secondary-text:#fff8ec; --button-tertiary:linear-gradient(135deg,#342a36,#594755 54%,#211923); --button-tertiary-text:#fff8f3; --selected-control:linear-gradient(135deg,#743d47,#874b52); --selected-control-text:#fff;
}
html[data-lens-theme="warm-sand"] {
  --button-secondary:linear-gradient(135deg,#543209,#805113 52%,#3e2507); --button-secondary-text:#fff8e8; --button-tertiary:linear-gradient(135deg,#d8bf99,#f6ead6 48%,#b99666); --button-tertiary-text:#231d17; --selected-control:linear-gradient(135deg,#4f3712,#77551d); --selected-control-text:#fff;
}
html[data-lens-theme="graphite-blue"] {
  --button-primary:linear-gradient(135deg,#1f334b,#436687 50%,#142537); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#432707,#795016 52%,#342008); --button-secondary-text:#fff8eb; --button-tertiary:linear-gradient(135deg,#252e38,#4d5865 54%,#151b23); --button-tertiary-text:#fff; --selected-control:linear-gradient(135deg,#2b4f74,#4e7195); --selected-control-text:#fff;
}
html[data-lens-theme="royal-plum"] {
  --button-primary:linear-gradient(135deg,#37195d,#65389d 52%,#281646); --button-primary-text:#fff; --button-secondary:linear-gradient(135deg,#432707,#7a5017 52%,#342008); --button-secondary-text:#fff8eb; --button-tertiary:linear-gradient(135deg,#281e35,#4e4162 54%,#191222); --button-tertiary-text:#fff; --selected-control:linear-gradient(135deg,#4a247a,#65408a); --selected-control-text:#fff;
}
html[data-lens-theme="high-contrast"] {
  --button-primary:linear-gradient(135deg,#7be7ff,#fff); --button-primary-text:#000; --button-secondary:linear-gradient(135deg,#ffd84d,#fff2a0); --button-secondary-text:#000; --button-tertiary:#000; --button-tertiary-text:#fff; --selected-control:#ffd84d; --selected-control-text:#000;
}
html[data-lens-theme="light"] { --chase-color-1:#2e5664; --chase-color-2:#165db8; --chase-color-3:#d9b57c; --chase-shadow:0 0 20px rgba(46,86,100,.16); }
html[data-lens-theme="dark"],
html[data-lens-theme="midnight-sapphire"] { --chase-color-1:#7fc7e0; --chase-color-2:#8cb8ff; --chase-color-3:#d7aa63; --chase-shadow:0 0 24px rgba(127,199,224,.18); }
html[data-lens-theme="sapphire-flow"],
html[data-lens-theme="system"],
html[data-lens-theme="custom"] { --chase-color-1:#9fc2ff; --chase-color-2:#8a63ff; --chase-color-3:#e9f1ff; --chase-shadow:0 0 26px rgba(111,134,255,.2); }
html[data-lens-theme="midnight-luxe"] { --chase-color-1:#f2cd78; --chase-color-2:#b89cff; --chase-color-3:#fff2bd; --chase-shadow:0 0 24px rgba(242,205,120,.16); }
html[data-lens-theme="aurora"] { --chase-color-1:#c79aff; --chase-color-2:#ff74da; --chase-color-3:#83c8ff; --chase-shadow:0 0 28px rgba(199,154,255,.22); }
html[data-lens-theme="ocean"] { --chase-color-1:#6de4f4; --chase-color-2:#72baff; --chase-color-3:#d7b167; --chase-shadow:0 0 24px rgba(109,228,244,.18); }
html[data-lens-theme="arctic-glass"] { --chase-color-1:#1b6484; --chase-color-2:#195ed1; --chase-color-3:#ffffff; --chase-shadow:0 0 20px rgba(27,100,132,.16); }
html[data-lens-theme="editorial"] { --chase-color-1:#354b64; --chase-color-2:#947140; --chase-color-3:#fff1d6; --chase-shadow:0 0 18px rgba(120,85,38,.13); }
html[data-lens-theme="forest"] { --chase-color-1:#78dda5; --chase-color-2:#c5a05b; --chase-color-3:#ecffe9; --chase-shadow:0 0 22px rgba(120,221,165,.16); }
html[data-lens-theme="rose-gold"] { --chase-color-1:#e0a087; --chase-color-2:#b99cff; --chase-color-3:#ffe0d2; --chase-shadow:0 0 22px rgba(224,160,135,.16); }
html[data-lens-theme="warm-sand"] { --chase-color-1:#9a6629; --chase-color-2:#2e66a3; --chase-color-3:#fff0cf; --chase-shadow:0 0 18px rgba(154,102,41,.13); }
html[data-lens-theme="graphite-blue"] { --chase-color-1:#a8c8e7; --chase-color-2:#9bbfff; --chase-color-3:#cba66b; --chase-shadow:0 0 20px rgba(168,200,231,.15); }
html[data-lens-theme="royal-plum"] { --chase-color-1:#d8b8ff; --chase-color-2:#c5a7ff; --chase-color-3:#ddb76a; --chase-shadow:0 0 22px rgba(216,184,255,.17); }
html[data-lens-theme="high-contrast"] { --chase-color-1:#7be7ff; --chase-color-2:#ffd84d; --chase-color-3:#ffffff; --chase-opacity:.7; --chase-opacity-pct:70%; --chase-secondary-opacity:.46; --chase-secondary-opacity-pct:46%; --chase-shadow:none; }
html[data-lens-motion="full"] { --chase-speed: 6s; --chase-opacity: .86; --chase-opacity-pct:86%; --chase-secondary-opacity: .74; --chase-secondary-opacity-pct:74%; --chase-static-opacity: .5; --chase-thickness: 1.7px; }
html[data-lens-motion="subtle"],
html[data-lens-motion="follow-system"] { --chase-speed: 8s; --chase-opacity: .72; --chase-opacity-pct:72%; --chase-secondary-opacity: .6; --chase-secondary-opacity-pct:60%; --chase-static-opacity: .38; --chase-thickness: 1.5px; }
html[data-lens-motion="off"] { --chase-opacity: .38; --chase-opacity-pct:38%; --chase-secondary-opacity: .3; --chase-secondary-opacity-pct:30%; --chase-static-opacity: .34; --chase-thickness: 1.5px; }
@property --lens-chase-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes lens-chase-angle {
  to { --lens-chase-angle: 360deg; }
}
* { box-sizing: border-box; min-width: 0; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: 0; transition: background-color .18s ease, color .18s ease; }
a { color: var(--teal); }
button, input, select, textarea { font: inherit; }
button, .button {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
  color: var(--ink);
  min-height: 38px;
  padding: 0 12px;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
}
button:disabled { opacity: .48; cursor: not-allowed; }
.studio-shell main { padding: 18px; max-width: 1440px; margin: 0 auto; }
.studio-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--nav);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 18px;
}
.studio-brand { color: var(--teal); font-weight: 950; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.studio-brand::after {
  content: "Owner Access Active";
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid #c9d8d5;
  border-radius: 999px;
  padding: 3px 9px;
  background: var(--teal-soft);
  color: #314144;
  font-size: .7rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}
.studio-topbar nav { display: flex; flex-wrap: wrap; gap: 10px; }
.studio-topbar nav a {
  text-decoration: none;
  color: #314144;
  font-weight: 800;
  font-size: .9rem;
}
.studio-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 520px); gap: 18px; align-items: end; margin-bottom: 16px; }
.studio-band h1 { font-size: clamp(1.6rem, 3vw, 2.8rem); line-height: 1.04; margin: 0; max-width: 850px; color: var(--teal); letter-spacing: 0; }
.classification-pill { margin: 10px 0 0; color: #7a451e; font-weight: 900; }
.eyebrow { margin: 0 0 8px; color: var(--gold); font-weight: 900; text-transform: uppercase; font-size: .78rem; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.metric-grid article, .panel, .article-row, .route-card { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; }
.metric-grid article { padding: 14px; }
.metric-grid span, dt { display: block; color: var(--muted); font-size: .72rem; text-transform: uppercase; font-weight: 850; }
.metric-grid strong { display: block; font-size: 1.8rem; color: var(--ink); }

.toolbar { display: grid; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 12px; margin-bottom: 14px; box-shadow: 0 6px 18px rgba(20, 34, 37, .04); }
.filter-row { display: grid; grid-template-columns: minmax(260px, 1.4fr) repeat(5, minmax(150px, 1fr)); gap: 10px; align-items: end; }
.toolbar label { display: grid; gap: 5px; color: var(--muted); font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.toolbar input, .toolbar select, textarea { border: 1px solid var(--line); border-radius: 6px; min-height: 40px; padding: 8px 10px; background: #fff; color: var(--ink); }
.view-action-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.segmented { display: inline-flex; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; background: #fff; }
.segmented button { border: 0; border-radius: 0; }
.segmented button[aria-pressed=true] { background: var(--teal); color: #fff; }
.bulk-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--muted); font-weight: 800; }
.bulk-actions[data-active="true"] { color: var(--teal); }
.bulk-actions[data-active="true"] button { border-color: var(--teal); }
.bulk-actions button:last-child { color: #7a451e; background: var(--gold-soft); border-color: #e1c6a7; }

.article-table { display: grid; gap: 10px; }
.lens-article-list { grid-template-columns: minmax(0, 1fr); }
.lens-article-list-row {
  display: grid;
  grid-template-columns: 38px minmax(180px, 224px) minmax(320px, 1fr) minmax(220px, 280px) minmax(156px, auto);
  grid-template-areas:
    "select thumb identity meta actions"
    "select thumb identity summary actions"
    "select thumb next summary actions";
  gap: 10px 14px;
  align-items: center;
  padding: 12px;
  overflow: visible;
  min-height: 142px;
}
.lens-article-list-row .article-card-header { display: contents; }
.card-select { display: inline-flex; align-items: center; gap: 7px; font-weight: 900; color: var(--muted); font-size: .78rem; }
.lens-article-list-row .card-select { grid-area: select; align-self: start; justify-self: center; margin-top: 6px; }
.lens-article-list-row .card-select span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.card-select input { width: 18px; height: 18px; accent-color: var(--teal); }
.article-identity { min-width: 0; display: grid; gap: 8px; align-content: start; }
.lens-article-list-row .article-identity { grid-area: identity; align-self: center; min-width: 280px; }
.card-title-group { min-width: 0; display: grid; gap: 3px; }
.card-title-group a { font-size: 1.08rem; font-weight: 950; line-height: 1.18; text-decoration: none; color: var(--teal); overflow-wrap: break-word; word-break: normal; }
.lens-article-list-row .card-title-group a { display: block; min-width: 0; max-width: 100%; font-size: 1.1rem; overflow-wrap: break-word; word-break: normal; hyphens: manual; }
.card-title-group p { margin: 0; color: #425356; line-height: 1.35; }
.card-badge-row { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; min-width: 0; }
.lens-article-list-row .card-badge-row { justify-content: flex-start; }
.domain-chip, .status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  max-width: 100%;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: .74rem;
  font-weight: 900;
  line-height: 1.1;
  overflow-wrap: anywhere;
}
.domain-chip { border: 1px solid #c9d8d5; background: var(--teal-soft); color: var(--teal); }
.status-badge { border: 1px solid #e1c6a7; background: var(--gold-soft); color: #7a451e; }
.card-thumbnail,
.article-card__media {
  margin: 0;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  overflow: hidden;
  background: #e8eeee;
  border: 1px solid var(--line);
}
.lens-article-list-row .card-thumbnail { grid-area: thumb; width: 100%; max-width: 224px; align-self: center; justify-self: stretch; }
.studio-shell[data-view=list] .lens-article-list-row .card-thumbnail {
  height: 126px;
  aspect-ratio: auto;
}
.card-thumbnail img,
.article-card__media img,
.missing-image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center center;
}
.lens-article-list-row .card-thumbnail img, .lens-article-list-row .missing-image { max-height: 126px; }
.missing-image { display: grid; place-items: center; min-height: 150px; color: var(--muted); font-weight: 900; background: repeating-linear-gradient(135deg, #eef4f3, #eef4f3 12px, #e4eceb 12px, #e4eceb 24px); }
.lens-article-list-row .missing-image { min-height: 126px; }
.card-thumbnail figcaption { position: absolute; left: 10px; bottom: 10px; border-radius: 999px; padding: 4px 8px; background: rgba(20, 34, 37, .78); color: #fff; font-size: .72rem; font-weight: 900; }
.article-main { display: grid; gap: 4px; }
.lens-article-list-row .article-main { grid-area: meta; align-self: start; border: 1px solid var(--line); border-radius: 7px; padding: 8px; background: #f8fbfa; }
.metadata-label { color: var(--muted); font-size: .72rem; text-transform: uppercase; font-weight: 850; }
.article-main small { color: var(--muted); line-height: 1.35; }
.card-summary { display: grid; grid-template-columns: repeat(4, minmax(112px, 1fr)); gap: 8px; margin: 0; }
.lens-article-list-row .card-summary { grid-area: summary; grid-template-columns: repeat(2, minmax(0, 1fr)); align-self: stretch; }
.card-summary div { border: 1px solid var(--line); border-radius: 7px; padding: 8px; background: #f8fbfa; }
.lens-article-list-row .card-summary div { padding: 6px; }
.card-summary dd { margin: 4px 0 0; font-size: .88rem; font-weight: 850; line-height: 1.25; color: var(--ink); overflow-wrap: anywhere; }
.lens-article-list-row .card-summary dd { font-size: .8rem; line-height: 1.18; }
.card-summary dd span { display: block; }
.next-step { margin: 0; color: var(--teal); font-weight: 900; line-height: 1.35; }
.lens-article-list-row .next-step { grid-area: next; align-self: start; }
.row-actions { display: flex; gap: 8px; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.lens-article-list-row .row-actions { grid-area: actions; align-self: center; justify-content: flex-end; }
.row-actions a, .more-actions summary {
  border: 1px solid var(--line);
  border-radius: 6px;
  text-decoration: none;
  min-height: 38px;
  padding: 8px 11px;
  font-weight: 850;
  color: var(--teal);
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.row-actions .primary-action { border-color: var(--teal); background: var(--teal); color: #fff; min-width: 140px; }
.more-actions { position: relative; }
.more-actions:not([open]) div { display: none; }
.more-actions[open] div {
  position: absolute;
  z-index: 10;
  right: 0;
  top: calc(100% + 6px);
  width: 230px;
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}
.more-actions span { color: var(--muted); font-size: .82rem; line-height: 1.35; padding: 3px 4px; }
.article-row:has([data-select-article]:checked) { border-color: var(--teal); box-shadow: inset 4px 0 0 var(--teal), var(--shadow); }
.article-row:hover { box-shadow: var(--shadow); }

.studio-shell[data-view=cards] .article-table {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  justify-content: center;
  gap: 18px;
}
.lens-target-shell.studio-shell[data-view=cards] .article-table {
  width: 100%;
  max-width: 1326px;
  margin-inline: auto;
  grid-template-columns: repeat(3, minmax(0, 430px));
}
.studio-shell[data-view=cards] .article-row {
  min-width: 0;
  max-width: 430px;
  width: 100%;
  justify-self: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: none;
  grid-template-rows:
    150px
    auto
    minmax(42px, auto)
    minmax(158px, 1fr)
    minmax(44px, auto)
    auto;
  align-content: stretch;
  gap: 12px;
  padding: 14px;
  min-height: 620px;
  height: 100%;
}
.studio-shell[data-view=cards] .article-card-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 10px;
  align-items: start;
  height: 150px;
  overflow: hidden;
}
.studio-shell[data-view=cards] .card-select { grid-area: auto; align-self: center; justify-self: start; margin-top: 0; }
.studio-shell[data-view=cards] .article-identity { grid-area: auto; grid-column: 2; min-width: 0; }
.studio-shell[data-view=cards] .card-badge-row { justify-content: flex-start; max-height: 60px; overflow: hidden; }
.studio-shell[data-view=cards] .card-title-group { grid-area: auto; min-width: 0; align-self: auto; }
.studio-shell[data-view=cards] .card-title-group a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.studio-shell[data-view=cards] .card-thumbnail { grid-area: auto; max-width: none; }
.studio-shell[data-view=cards] .article-card__media,
.studio-shell[data-view=cards] .card-thumbnail {
  height: auto;
  max-height: none;
  align-self: start;
  border-radius: 10px;
}
.studio-shell[data-view=cards] .card-thumbnail img,
.studio-shell[data-view=cards] .article-card__media img,
.studio-shell[data-view=cards] .missing-image {
  max-height: none;
  min-height: 0;
}
.studio-shell[data-view=cards] .article-main { grid-area: auto; border: 0; border-radius: 0; padding: 0; background: transparent; }
.studio-shell[data-view=cards] .card-summary {
  grid-area: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: stretch;
}
.studio-shell[data-view=cards] .next-step { grid-area: auto; }
.studio-shell[data-view=cards] .row-actions {
  justify-content: stretch;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  margin-top: auto;
}
.studio-shell[data-view=cards] .row-actions { grid-area: auto; }
.studio-shell[data-view=cards] .row-actions .primary-action { width: 100%; }
.studio-shell[data-view=cards] .card-select span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.workspace { display: grid; grid-template-columns: 300px minmax(360px,1fr) 360px; gap: 12px; align-items: start; }
.panel { padding: 14px; min-width: 0; }
.panel h2 { margin: 0 0 12px; color: var(--teal); font-size: 1rem; }
.block-list { display: grid; gap: 8px; }
.block-item { width: 100%; justify-content: flex-start; text-align: left; }
.block-item[aria-pressed=true] { border-color: var(--teal); background: var(--teal-soft); }
.preview-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.preview-frame { background: #cfd8d7; border: 1px solid var(--line); border-radius: 8px; padding: 12px; overflow: auto; }
.preview-inner { margin: 0 auto; background: #fff; box-shadow: 0 8px 30px rgba(20,34,37,.16); transition: width .18s ease, max-width .18s ease; }
.preview-inner[data-device=desktop] { width: 1440px; max-width: 1440px; }
.preview-inner[data-device=tablet] { width: 820px; max-width: 820px; }
.preview-inner[data-device=mobile] { width: 390px; max-width: 390px; }
.preview-inner[data-device=responsive] { width: 100%; max-width: none; }
.editor-form { display: grid; gap: 10px; }
.editor-form label { display: grid; gap: 5px; color: var(--muted); font-size: .8rem; font-weight: 850; }
.editor-form textarea { min-height: 86px; resize: vertical; }
.status-pill { display: inline-flex; border-radius: 999px; padding: 5px 9px; background: var(--teal-soft); color: var(--teal); font-weight: 850; font-size: .78rem; }
.issue-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.issue-list li { border-left: 4px solid var(--gold); background: #fff8ed; padding: 8px; }
.issue-list li[data-severity=error] { border-color: var(--danger); background: #fff0ee; }
.route-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 12px; }
.route-card { padding: 16px; }
.route-card h2 { margin: 0 0 8px; color: var(--teal); }
.approval-box { border: 1px solid var(--line); border-radius: 8px; background: #f7faf9; padding: 12px; }
.danger { color: var(--danger); }
.ok { color: var(--ok); }

.lens-v3-shell .studio-topbar {
  border-bottom: 1px solid color-mix(in srgb, var(--line), transparent 18%);
  box-shadow: 0 10px 28px rgba(0,0,0,.04);
}
.lens-v3-brand::after { content: "Owner Workspace"; }
.theme-picker {
  display: grid;
  gap: 3px;
  color: var(--muted);
  font-size: .68rem;
  font-weight: 950;
  text-transform: uppercase;
}
.theme-picker select,
.owner-menu-button {
  min-height: 36px;
  border: 1px solid var(--input-border);
  border-radius: 999px;
  background: var(--input-bg);
  color: var(--ink);
  padding: 6px 12px;
  font-weight: 850;
  box-shadow: inset 0 1px 0 var(--metal-highlight), var(--shadow-soft);
}
.owner-menu-button {
  width: 44px;
  min-width: 44px;
  padding: 0;
  background: var(--teal);
  color: var(--panel);
}
@keyframes lens-premium-button-sheen {
  0% { transform: translateX(-145%) skewX(-18deg); opacity: 0; }
  18% { opacity: .88; }
  46% { opacity: .42; }
  100% { transform: translateX(145%) skewX(-18deg); opacity: 0; }
}
@keyframes lens-premium-button-breathe {
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,.48), inset 0 -10px 22px rgba(0,0,0,.18), 0 14px 30px rgba(30,45,100,.24), 0 0 0 1px rgba(255,255,255,.12); }
  50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.62), inset 0 -10px 22px rgba(0,0,0,.14), 0 18px 38px rgba(107,91,255,.32), 0 0 18px rgba(139,118,255,.22), 0 0 0 1px rgba(255,255,255,.18); }
}
.shine-button,
.owner-action.approve,
.owner-action.voice,
.row-actions .primary-action,
.lens-target-shell .more-actions summary,
.lens-target-shell .custom-theme-actions button,
.lens-target-shell .owner-route-toolbar > button,
.lens-target-shell .final-publication-panel button,
.lens-target-shell .publication-panel button,
.lens-target-shell .admin-tabs button[aria-selected="true"],
.lens-target-shell .segmented button[aria-pressed=true] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  overflow: hidden;
  border: 1px solid transparent;
  isolation: isolate;
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.2), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--sheen) padding-box,
    var(--button-primary) padding-box,
    conic-gradient(from var(--lens-chase-angle), transparent 0 12%, color-mix(in srgb, var(--chase-color-1) var(--chase-opacity-pct), transparent), var(--chase-color-3), color-mix(in srgb, var(--chase-color-2) var(--chase-opacity-pct), transparent), transparent 38% 100%) border-box;
  color: var(--button-primary-text);
  text-decoration: none;
  text-align: center;
  line-height: 1;
  text-shadow: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48), inset 0 -10px 22px rgba(0,0,0,.18), 0 14px 30px rgba(30,45,100,.24), 0 0 0 1px rgba(255,255,255,.12);
  animation: lens-premium-button-breathe 3.6s ease-in-out infinite, lens-chase-angle var(--chase-speed) linear infinite;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
  vertical-align: middle;
  transform-origin: center;
}
.shine-button::before,
.owner-action.approve::before,
.owner-action.voice::before,
.row-actions .primary-action::before,
.lens-target-shell .more-actions summary::before,
.lens-target-shell .custom-theme-actions button::before,
.lens-target-shell .owner-route-toolbar > button::before,
.lens-target-shell .final-publication-panel button::before,
.lens-target-shell .publication-panel button::before,
.lens-target-shell .admin-tabs button[aria-selected="true"]::before,
.lens-target-shell .segmented button[aria-pressed=true]::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -38% auto -38% -32%;
  width: 42%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.64), rgba(255,255,255,.18), transparent);
  filter: blur(.4px);
  animation: lens-premium-button-sheen 2.9s ease-in-out infinite;
  pointer-events: none;
}
.shine-button::after,
.owner-action.approve::after,
.owner-action.voice::after,
.row-actions .primary-action::after,
.lens-target-shell .more-actions summary::after,
.lens-target-shell .custom-theme-actions button::after,
.lens-target-shell .owner-route-toolbar > button::after,
.lens-target-shell .final-publication-panel button::after,
.lens-target-shell .publication-panel button::after,
.lens-target-shell .admin-tabs button[aria-selected="true"]::after,
.lens-target-shell .segmented button[aria-pressed=true]::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.16), transparent 52%);
  pointer-events: none;
}
.shine-button:hover,
.owner-action.approve:hover,
.owner-action.voice:hover,
.row-actions .primary-action:hover,
.lens-target-shell .more-actions summary:hover,
.lens-target-shell .custom-theme-actions button:hover,
.lens-target-shell .owner-route-toolbar > button:hover,
.lens-target-shell .final-publication-panel button:hover,
.lens-target-shell .publication-panel button:hover,
.lens-target-shell .admin-tabs button[aria-selected="true"]:hover,
.lens-target-shell .segmented button[aria-pressed=true]:hover {
  transform: translateY(-1px);
  filter: saturate(1.08) brightness(1.03);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 16px 28px rgba(0,0,0,.18);
}
.shine-button:active,
.owner-action.approve:active,
.owner-action.voice:active,
.row-actions .primary-action:active,
.lens-target-shell .more-actions summary:active,
.lens-target-shell .custom-theme-actions button:active,
.lens-target-shell .owner-route-toolbar > button:active,
.lens-target-shell .final-publication-panel button:active,
.lens-target-shell .publication-panel button:active,
.lens-target-shell .admin-tabs button[aria-selected="true"]:active,
.lens-target-shell .segmented button[aria-pressed=true]:active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 8px rgba(0,0,0,.22), 0 8px 18px rgba(0,0,0,.12);
}
.voice-action,
.owner-action.voice {
  border-color: transparent;
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.2), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--sheen) padding-box,
    var(--button-primary) padding-box,
    conic-gradient(from var(--lens-chase-angle), transparent 0 12%, color-mix(in srgb, var(--voice) var(--chase-opacity-pct), transparent), var(--chase-color-3), color-mix(in srgb, var(--chase-color-2) var(--chase-opacity-pct), transparent), transparent 38% 100%) border-box;
  color: var(--button-primary-text);
}
.approval-action,
.owner-action.approve {
  border-color: transparent;
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.2), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--sheen) padding-box,
    var(--button-primary) padding-box,
    conic-gradient(from var(--lens-chase-angle), transparent 0 12%, color-mix(in srgb, var(--ok) var(--chase-opacity-pct), transparent), var(--chase-color-3), color-mix(in srgb, var(--chase-color-1) var(--chase-opacity-pct), transparent), transparent 38% 100%) border-box;
  color: var(--button-primary-text);
}
html[data-lens-motion="off"] .shine-button,
html[data-lens-motion="off"] .owner-action.approve,
html[data-lens-motion="off"] .owner-action.voice,
html[data-lens-motion="off"] .row-actions .primary-action,
html[data-lens-motion="off"] .lens-target-shell .more-actions summary,
html[data-lens-motion="off"] .lens-target-shell .custom-theme-actions button,
html[data-lens-motion="off"] .lens-target-shell .owner-route-toolbar > button,
html[data-lens-motion="off"] .lens-target-shell .final-publication-panel button,
html[data-lens-motion="off"] .lens-target-shell .publication-panel button,
html[data-lens-motion="off"] .lens-target-shell .admin-tabs button[aria-selected="true"],
html[data-lens-motion="off"] .lens-target-shell .segmented button[aria-pressed=true] {
  animation: none;
}
@media (prefers-reduced-motion: reduce) {
  html[data-lens-motion="follow-system"] .shine-button,
  html[data-lens-motion="follow-system"] .owner-action.approve,
  html[data-lens-motion="follow-system"] .owner-action.voice,
  html[data-lens-motion="follow-system"] .row-actions .primary-action,
  html[data-lens-motion="follow-system"] .lens-target-shell .more-actions summary,
  html[data-lens-motion="follow-system"] .lens-target-shell .custom-theme-actions button,
  html[data-lens-motion="follow-system"] .lens-target-shell .owner-route-toolbar > button,
  html[data-lens-motion="follow-system"] .lens-target-shell .final-publication-panel button,
  html[data-lens-motion="follow-system"] .lens-target-shell .publication-panel button,
  html[data-lens-motion="follow-system"] .lens-target-shell .admin-tabs button[aria-selected="true"],
  html[data-lens-motion="follow-system"] .lens-target-shell .segmented button[aria-pressed=true],
  html[data-lens-motion="follow-system"] .shine-button::before,
  html[data-lens-motion="follow-system"] .owner-action.approve::before,
  html[data-lens-motion="follow-system"] .owner-action.voice::before,
  html[data-lens-motion="follow-system"] .row-actions .primary-action::before,
  html[data-lens-motion="follow-system"] .lens-target-shell .more-actions summary::before,
  html[data-lens-motion="follow-system"] .lens-target-shell .custom-theme-actions button::before,
  html[data-lens-motion="follow-system"] .lens-target-shell .owner-route-toolbar > button::before,
  html[data-lens-motion="follow-system"] .lens-target-shell .final-publication-panel button::before,
  html[data-lens-motion="follow-system"] .lens-target-shell .publication-panel button::before,
  html[data-lens-motion="follow-system"] .lens-target-shell .admin-tabs button[aria-selected="true"]::before,
  html[data-lens-motion="follow-system"] .lens-target-shell .segmented button[aria-pressed=true]::before {
    animation: none;
  }
}
.lens-v3-hero {
  align-items: stretch;
  padding: clamp(18px, 3vw, 34px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: radial-gradient(circle at top left, color-mix(in srgb, var(--teal-soft), transparent 10%), transparent 40%), var(--panel);
  box-shadow: var(--shadow);
}
.lens-target-shell .target-nav,
.lens-target-shell .target-topbar,
.lens-target-shell .lens-v3-hero,
.lens-target-shell .toolbar,
.lens-target-shell .article-row,
.lens-target-shell .metric-grid article,
.lens-target-shell .publication-panel,
.lens-target-shell .status-overview,
.lens-target-shell .final-publication-panel,
.lens-target-shell .professional-preview-frame,
.lens-target-shell .custom-theme-panel,
.lens-target-shell .article-card,
.lens-target-shell .card-shell,
.lens-target-shell .theme-review-card,
.lens-target-shell .route-card,
.lens-target-shell .panel,
.lens-target-shell .owner-focus-card,
.lens-target-shell .owner-route-toolbar,
.lens-target-shell .owner-surface-secondary,
.lens-target-shell .media-card,
.lens-target-shell .theme-swatch-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid transparent;
  background:
    radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--chase-color-1) 10%, transparent), transparent 34%) padding-box,
    linear-gradient(180deg, color-mix(in srgb, var(--panel-elevated) 72%, transparent), var(--panel)) padding-box,
    conic-gradient(from var(--lens-chase-angle), transparent 0 18%, color-mix(in srgb, var(--chase-color-1) var(--chase-secondary-opacity-pct), transparent), color-mix(in srgb, var(--chase-color-3) var(--chase-opacity-pct), transparent), color-mix(in srgb, var(--chase-color-2) var(--chase-secondary-opacity-pct), transparent), transparent 42% 100%) border-box;
  box-shadow:
    inset 0 1px 0 var(--metal-highlight),
    0 0 0 1px color-mix(in srgb, var(--chrome-border) 34%, transparent),
    var(--chase-shadow),
    var(--shadow-soft);
  animation: lens-chase-angle var(--chase-speed) linear infinite;
}
.lens-target-shell .target-nav::before,
.lens-target-shell .target-topbar::before,
.lens-target-shell .lens-v3-hero::before,
.lens-target-shell .toolbar::before,
.lens-target-shell .article-row::before,
.lens-target-shell .metric-grid article::before,
.lens-target-shell .publication-panel::before,
.lens-target-shell .status-overview::before,
.lens-target-shell .final-publication-panel::before,
.lens-target-shell .professional-preview-frame::before,
.lens-target-shell .custom-theme-panel::before,
.lens-target-shell .article-card::before,
.lens-target-shell .card-shell::before,
.lens-target-shell .theme-review-card::before,
.lens-target-shell .route-card::before,
.lens-target-shell .panel::before,
.lens-target-shell .owner-focus-card::before,
.lens-target-shell .owner-route-toolbar::before,
.lens-target-shell .owner-surface-secondary::before,
.lens-target-shell .media-card::before,
.lens-target-shell .theme-swatch-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  padding: var(--chase-thickness);
  pointer-events: none;
  background:
    conic-gradient(from var(--lens-chase-angle),
      transparent 0 10%,
      color-mix(in srgb, var(--chase-color-1) var(--chase-secondary-opacity-pct), transparent) 14%,
      color-mix(in srgb, var(--chase-color-3) var(--chase-opacity-pct), transparent) 20%,
      color-mix(in srgb, var(--chase-color-2) var(--chase-secondary-opacity-pct), transparent) 27%,
      transparent 34% 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--chase-color-1) 22%, transparent));
  animation: lens-chase-angle var(--chase-speed) linear infinite;
}
.lens-target-shell .article-row:has([data-select-article]:checked)::before,
.lens-target-shell .target-nav nav a.active::after,
.lens-target-shell .theme-swatch-card[aria-selected="true"]::before,
.lens-target-shell .owner-focus-card::before {
  background:
    conic-gradient(from var(--lens-chase-angle),
      transparent 0 8%,
      color-mix(in srgb, var(--chase-color-1) var(--chase-opacity-pct), transparent) 13%,
      var(--chase-color-3) 19%,
      color-mix(in srgb, var(--chase-color-2) var(--chase-opacity-pct), transparent) 27%,
      transparent 36% 100%);
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--chase-color-1) 34%, transparent));
}
html[data-lens-motion="off"] .lens-target-shell .target-nav,
html[data-lens-motion="off"] .lens-target-shell .target-topbar,
html[data-lens-motion="off"] .lens-target-shell .lens-v3-hero,
html[data-lens-motion="off"] .lens-target-shell .toolbar,
html[data-lens-motion="off"] .lens-target-shell .article-row,
html[data-lens-motion="off"] .lens-target-shell .metric-grid article,
html[data-lens-motion="off"] .lens-target-shell .publication-panel,
html[data-lens-motion="off"] .lens-target-shell .status-overview,
html[data-lens-motion="off"] .lens-target-shell .final-publication-panel,
html[data-lens-motion="off"] .lens-target-shell .professional-preview-frame,
html[data-lens-motion="off"] .lens-target-shell .custom-theme-panel,
html[data-lens-motion="off"] .lens-target-shell .article-card,
html[data-lens-motion="off"] .lens-target-shell .card-shell,
html[data-lens-motion="off"] .lens-target-shell .theme-review-card,
html[data-lens-motion="off"] .lens-target-shell .route-card,
html[data-lens-motion="off"] .lens-target-shell .panel,
html[data-lens-motion="off"] .lens-target-shell .owner-focus-card,
html[data-lens-motion="off"] .lens-target-shell .owner-route-toolbar,
html[data-lens-motion="off"] .lens-target-shell .owner-surface-secondary,
html[data-lens-motion="off"] .lens-target-shell .media-card,
html[data-lens-motion="off"] .lens-target-shell .theme-swatch-card {
  animation: none;
}
html[data-lens-motion="off"] .lens-target-shell .target-nav::before,
html[data-lens-motion="off"] .lens-target-shell .target-topbar::before,
html[data-lens-motion="off"] .lens-target-shell .lens-v3-hero::before,
html[data-lens-motion="off"] .lens-target-shell .toolbar::before,
html[data-lens-motion="off"] .lens-target-shell .article-row::before,
html[data-lens-motion="off"] .lens-target-shell .metric-grid article::before,
html[data-lens-motion="off"] .lens-target-shell .publication-panel::before,
html[data-lens-motion="off"] .lens-target-shell .status-overview::before,
html[data-lens-motion="off"] .lens-target-shell .final-publication-panel::before,
html[data-lens-motion="off"] .lens-target-shell .professional-preview-frame::before,
html[data-lens-motion="off"] .lens-target-shell .custom-theme-panel::before,
html[data-lens-motion="off"] .lens-target-shell .article-card::before,
html[data-lens-motion="off"] .lens-target-shell .card-shell::before,
html[data-lens-motion="off"] .lens-target-shell .theme-review-card::before,
html[data-lens-motion="off"] .lens-target-shell .route-card::before,
html[data-lens-motion="off"] .lens-target-shell .panel::before,
html[data-lens-motion="off"] .lens-target-shell .owner-focus-card::before,
html[data-lens-motion="off"] .lens-target-shell .owner-route-toolbar::before,
html[data-lens-motion="off"] .lens-target-shell .owner-surface-secondary::before,
html[data-lens-motion="off"] .lens-target-shell .media-card::before,
html[data-lens-motion="off"] .lens-target-shell .theme-swatch-card::before {
  animation: none;
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--chase-color-1) var(--chase-static-opacity), transparent),
      color-mix(in srgb, var(--chase-color-3) var(--chase-static-opacity), transparent),
      color-mix(in srgb, var(--chase-color-2) var(--chase-static-opacity), transparent));
}
@media (prefers-reduced-motion: reduce) {
  html[data-lens-motion="follow-system"] .lens-target-shell .target-nav,
  html[data-lens-motion="follow-system"] .lens-target-shell .target-topbar,
  html[data-lens-motion="follow-system"] .lens-target-shell .lens-v3-hero,
  html[data-lens-motion="follow-system"] .lens-target-shell .toolbar,
  html[data-lens-motion="follow-system"] .lens-target-shell .article-row,
  html[data-lens-motion="follow-system"] .lens-target-shell .metric-grid article,
  html[data-lens-motion="follow-system"] .lens-target-shell .publication-panel,
  html[data-lens-motion="follow-system"] .lens-target-shell .status-overview,
  html[data-lens-motion="follow-system"] .lens-target-shell .final-publication-panel,
  html[data-lens-motion="follow-system"] .lens-target-shell .professional-preview-frame,
  html[data-lens-motion="follow-system"] .lens-target-shell .custom-theme-panel,
  html[data-lens-motion="follow-system"] .lens-target-shell .article-card,
  html[data-lens-motion="follow-system"] .lens-target-shell .card-shell,
  html[data-lens-motion="follow-system"] .lens-target-shell .theme-review-card,
  html[data-lens-motion="follow-system"] .lens-target-shell .route-card,
  html[data-lens-motion="follow-system"] .lens-target-shell .panel,
  html[data-lens-motion="follow-system"] .lens-target-shell .owner-focus-card,
  html[data-lens-motion="follow-system"] .lens-target-shell .owner-route-toolbar,
  html[data-lens-motion="follow-system"] .lens-target-shell .owner-surface-secondary,
  html[data-lens-motion="follow-system"] .lens-target-shell .media-card,
  html[data-lens-motion="follow-system"] .lens-target-shell .theme-swatch-card {
    animation: none;
  }
}
.lens-v3-hero h1 { color: var(--ink); max-width: 980px; }
.homepage-primary-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.homepage-primary-actions a,
.homepage-primary-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 999px;
  padding-inline: 18px;
  font-family: inherit;
  font-size: .94rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  vertical-align: middle;
}
.homepage-primary-actions .more-actions summary,
.row-actions .more-actions summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 8px;
  padding: 10px 16px;
  font-family: inherit;
  font-size: .94rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  vertical-align: middle;
}
.homepage-primary-actions .more-actions summary {
  min-height: 48px;
  border-radius: 999px;
  padding-inline: 18px;
}
.simple-status-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.simple-status-cards article {
  display: grid;
  gap: 5px;
  min-height: 126px;
  border-radius: var(--radius);
  background: var(--panel-soft);
}
.simple-status-cards small { color: var(--muted); font-weight: 750; line-height: 1.35; }
.simple-toolbar-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 12px;
  align-items: start;
}
.filter-drawer {
  position: relative;
  min-width: 0;
}
.filter-drawer[open] {
  grid-column: 1 / -1;
  width: 100%;
}
.filter-drawer summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 10px 16px;
  background: var(--panel-soft);
  color: var(--teal);
  font-weight: 950;
  cursor: pointer;
}
.filter-drawer[open] .filter-row {
  position: static;
  z-index: 15;
  width: 100%;
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow-strong);
}
.filter-drawer[open] .filter-row label,
.filter-drawer[open] .filter-row select {
  min-width: 0;
  width: 100%;
}
.lens-v3-shell .article-row {
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--chase-color-1) 10%, transparent), transparent 34%) padding-box,
    linear-gradient(180deg, color-mix(in srgb, var(--panel-elevated) 72%, transparent), var(--panel)) padding-box,
    conic-gradient(from var(--lens-chase-angle), transparent 0 18%, color-mix(in srgb, var(--chase-color-1) var(--chase-secondary-opacity-pct), transparent), color-mix(in srgb, var(--chase-color-3) var(--chase-opacity-pct), transparent), color-mix(in srgb, var(--chase-color-2) var(--chase-secondary-opacity-pct), transparent), transparent 42% 100%) border-box;
  box-shadow: inset 0 1px 0 var(--metal-highlight), var(--chase-shadow), 0 8px 22px rgba(0,0,0,.04);
}
.lens-v3-shell .article-row[hidden],
.lens-article-list [data-article-card][hidden] {
  display: none !important;
}
.lens-v3-shell .card-summary div,
.lens-v3-shell .article-main {
  background: var(--panel-soft);
  border-color: var(--line);
}
.reader-admin-toggle {
  justify-self: start;
  order: 1;
  border-radius: 999px;
  padding: 4px;
  box-shadow: var(--shadow);
}
.reader-admin-toggle button { border-radius: 999px; }
.lens-v3-article .owner-primary-workflow { order: 2; }
.lens-v3-article .simple-review-summary { order: 3; }
.lens-v3-article .final-publication-panel { order: 5; }
.lens-v3-article .professional-preview-frame { order: 4; }
.lens-v3-article .admin-view-panel {
  order: 6;
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 18px;
  box-shadow: var(--shadow);
}
.lens-v3-article .admin-view-panel[hidden] { display: none; }
.admin-view-panel h2,
.admin-view-panel h3 { margin: 0; color: var(--teal); letter-spacing: 0; }
.admin-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.admin-tabs button {
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--panel-soft);
}
.admin-tabs button[aria-selected="true"] { background: var(--teal); color: #fff; border-color: var(--teal); }
.admin-tab-panels > article {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel-soft);
  padding: 16px;
}
.admin-tab-panels dl {
  display: grid;
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr);
  gap: 10px 14px;
}
.admin-tab-panels dd { margin: 0; font-weight: 800; overflow-wrap: anywhere; }
.lens-v3-article[data-owner-view="reader"] .review-details-panel,
.lens-v3-article[data-owner-view="reader"] .advanced-tools-panel,
.lens-v3-article[data-owner-view="reader"] .device-preview-bar { display: none; }
.lens-v3-article[data-owner-view="admin"] .review-details-panel,
.lens-v3-article[data-owner-view="admin"] .advanced-tools-panel { display: block; }
.lens-v3-article .professional-preview-frame {
  background: color-mix(in srgb, var(--teal-soft), var(--bg) 45%);
  border-color: var(--line);
  border-radius: var(--radius);
}
.lens-v3-article .conversation-panel,
.lens-v3-article .review-details-panel,
.lens-v3-article .advanced-tools-panel,
.lens-v3-article .owner-review-header,
.lens-v3-article .owner-primary-workflow,
.lens-v3-article .simple-review-summary article,
.lens-v3-article .final-publication-panel {
  background: var(--panel);
  border-color: var(--line);
  color: var(--ink);
  border-radius: var(--radius);
}
.lens-v3-article .owner-state-badge,
.lens-v3-article .owner-action-status,
.lens-v3-article .conversation-result,
.lens-v3-article .microphone-card {
  background: var(--panel-soft);
  border-color: var(--line);
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

.lens-target-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  background:
    radial-gradient(circle at 85% 2%, color-mix(in srgb, var(--voice), transparent 62%), transparent 22rem),
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--teal), transparent 70%), transparent 18rem),
    linear-gradient(135deg, var(--bg), var(--bg-secondary) 64%, color-mix(in srgb, var(--bg), #000 14%));
  color: var(--ink);
}
.lens-target-shell::before {
  content: "";
  position: fixed;
  inset: 0 0 auto;
  height: 170px;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 58%, rgba(130, 97, 255, .18) 72%, rgba(255, 188, 117, .36) 78%, rgba(87, 140, 255, .18) 92%, transparent);
  background: var(--material-reflection);
  filter: blur(.3px);
  opacity: .9;
}
.lens-target-shell .target-topbar {
  grid-column: 1 / -1;
  min-height: 78px;
  background: color-mix(in srgb, var(--nav) 88%, transparent);
  border-bottom: 1px solid var(--chrome-border);
  box-shadow: var(--shadow-soft);
}
.lens-target-shell .studio-brand {
  color: var(--ink);
  font-size: 1.14rem;
}
.lens-target-shell .studio-brand::before,
.target-orb {
  content: "";
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: inline-block;
  background:
    radial-gradient(circle at 50% 50%, #021026 0 32%, transparent 34%),
    conic-gradient(from 20deg, var(--teal), var(--voice), var(--gold), var(--teal), var(--voice));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--teal), transparent 75%), var(--glow-subtle);
}
.lens-target-shell .lens-v3-brand::after { content: none; }
.lens-target-shell .studio-topbar nav a {
  color: var(--muted);
}
.lens-target-shell .theme-picker select,
.lens-target-shell .owner-menu-button,
.lens-target-shell button,
.lens-target-shell .button,
.lens-target-shell input,
.lens-target-shell select,
.lens-target-shell textarea {
  border-color: color-mix(in srgb, var(--line), transparent 10%);
  background: rgba(10, 20, 43, .72);
  background: color-mix(in srgb, var(--input-bg) 86%, transparent);
  color: var(--ink);
}
.lens-target-shell .owner-menu-button { background: var(--button-tertiary); color: var(--button-tertiary-text); }
.lens-target-shell .shine-button,
.lens-target-shell .owner-action.approve,
.lens-target-shell .owner-action.voice,
.lens-target-shell .row-actions .primary-action,
.lens-target-shell .more-actions summary,
.lens-target-shell .custom-theme-actions button,
.lens-target-shell .owner-route-toolbar > button,
.lens-target-shell .final-publication-panel button,
.lens-target-shell .publication-panel button,
.lens-target-shell .admin-tabs button[aria-selected="true"],
.lens-target-shell .segmented button[aria-pressed=true] {
  border-color: transparent;
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.2), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--sheen) padding-box,
    var(--button-primary) padding-box,
    conic-gradient(from var(--lens-chase-angle), transparent 0 12%, color-mix(in srgb, var(--chase-color-1) var(--chase-opacity-pct), transparent), var(--chase-color-3), color-mix(in srgb, var(--chase-color-2) var(--chase-opacity-pct), transparent), transparent 38% 100%) border-box;
  color: var(--button-primary-text);
}
.lens-target-shell .voice-action,
.lens-target-shell .owner-action.voice {
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.2), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--sheen) padding-box,
    var(--button-primary) padding-box,
    conic-gradient(from var(--lens-chase-angle), transparent 0 12%, color-mix(in srgb, var(--voice) var(--chase-opacity-pct), transparent), var(--chase-color-3), color-mix(in srgb, var(--chase-color-2) var(--chase-opacity-pct), transparent), transparent 38% 100%) border-box;
}
.lens-target-shell .approval-action,
.lens-target-shell .owner-action.approve {
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.2), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--sheen) padding-box,
    var(--button-primary) padding-box,
    conic-gradient(from var(--lens-chase-angle), transparent 0 12%, color-mix(in srgb, var(--ok) var(--chase-opacity-pct), transparent), var(--chase-color-3), color-mix(in srgb, var(--chase-color-1) var(--chase-opacity-pct), transparent), transparent 38% 100%) border-box;
}
.target-nav {
  grid-column: 1;
  grid-row: 2;
  position: relative;
  align-self: start;
  min-height: 0;
  height: auto;
  margin: 14px 0 18px 18px;
  padding: 10px 10px;
  display: grid;
  grid-template-rows: auto auto auto auto;
  align-content: start;
  gap: 7px;
  border: 1px solid var(--chrome-border);
  border-radius: 16px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--nav) 92%, transparent), color-mix(in srgb, var(--panel) 74%, transparent));
  box-shadow: var(--shadow-elevated);
  backdrop-filter: blur(var(--blur-strength));
  z-index: 12;
}
.target-nav-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  text-decoration: none;
}
.target-nav-brand strong,
.target-nav-brand small { display: block; line-height: 1.05; }
.target-nav-brand small { color: var(--muted); font-weight: 800; }
.target-nav nav {
  display: grid;
  align-content: start;
  align-items: start;
  gap: 6px;
}
.target-nav nav a {
  position: relative;
  min-height: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 4px 8px;
  color: var(--muted-strong);
  text-decoration: none;
  font-weight: 850;
  overflow: hidden;
  isolation: isolate;
}
.target-nav nav a.active,
.target-nav nav a:hover {
  border-color: transparent;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--nav-selected) 82%, transparent), color-mix(in srgb, var(--panel-soft) 56%, transparent)) padding-box,
    conic-gradient(from var(--lens-chase-angle), transparent 0 16%, color-mix(in srgb, var(--chase-color-1) var(--chase-opacity-pct), transparent), color-mix(in srgb, var(--chase-color-3) var(--chase-opacity-pct), transparent), color-mix(in srgb, var(--chase-color-2) var(--chase-opacity-pct), transparent), transparent 42% 100%) border-box;
  color: var(--ink);
  box-shadow: inset 0 1px 0 var(--metal-highlight), 0 0 18px color-mix(in srgb, var(--chase-color-1) 15%, transparent);
  animation: lens-chase-angle var(--chase-speed) linear infinite;
}
.target-nav nav a.active::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  padding: var(--chase-thickness);
  pointer-events: none;
  background:
    conic-gradient(from var(--lens-chase-angle),
      transparent 0 8%,
      color-mix(in srgb, var(--chase-color-1) var(--chase-opacity-pct), transparent) 13%,
      var(--chase-color-3) 20%,
      color-mix(in srgb, var(--chase-color-2) var(--chase-opacity-pct), transparent) 28%,
      transparent 38% 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: lens-chase-angle var(--chase-speed) linear infinite;
}
html[data-lens-motion="off"] .target-nav nav a.active,
html[data-lens-motion="off"] .target-nav nav a.active::after {
  animation: none;
}
.lens-target-shell[data-view="visual-intelligence"],
.lens-target-shell[data-view="visual-intelligence"] *,
.lens-target-shell[data-view="visual-intelligence"] *::before,
.lens-target-shell[data-view="visual-intelligence"] *::after {
  animation: none !important;
}
.lens-target-shell[data-view="visual-intelligence"] .shine-button,
.lens-target-shell[data-view="visual-intelligence"] .owner-route-toolbar > button,
.lens-target-shell[data-view="visual-intelligence"] .custom-theme-actions button,
.lens-target-shell[data-view="visual-intelligence"] .target-nav nav a.active,
.lens-target-shell[data-view="visual-intelligence"] .target-nav nav a:hover {
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.18), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--sheen) padding-box,
    var(--button-primary) padding-box,
    linear-gradient(135deg, color-mix(in srgb, var(--chase-color-1) 55%, transparent), color-mix(in srgb, var(--chase-color-2) 42%, transparent)) border-box;
}
.nav-icon {
  width: 24px;
  height: 24px;
  border: 1px solid var(--chrome-border);
  border-radius: 7px;
  display: grid;
  place-items: center;
  color: var(--teal);
  font-size: .72rem;
  font-weight: 950;
}
.target-assistant-card {
  display: grid;
  gap: 3px;
  border: 1px solid var(--chrome-border);
  border-radius: 10px;
  padding: 6px 8px;
  background: var(--nav-selected);
}
.target-assistant-card span { color: var(--muted); font-size: .78rem; font-weight: 800; }
.target-collapse { min-height: 30px; border-radius: 999px; }
.lens-target-shell main {
  grid-column: 2;
  max-width: none;
  width: 100%;
  padding: 18px 22px 28px;
}
.lens-target-shell .toolbar,
.lens-target-shell .studio-band,
.lens-target-shell .article-row,
.lens-target-shell .route-card,
.lens-target-shell .panel,
.lens-target-shell .metric-grid article {
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)), var(--panel);
  border-color: var(--chrome-border);
  box-shadow: var(--shadow-elevated);
  backdrop-filter: blur(var(--blur-strength));
}
.lens-target-shell .lens-v3-hero {
  min-height: 240px;
  align-items: center;
  background:
    radial-gradient(circle at 86% 0%, color-mix(in srgb, var(--voice), transparent 62%), transparent 22rem),
    linear-gradient(135deg, var(--panel-elevated), var(--panel));
}
.lens-target-shell .lens-v3-hero h1 {
  font-size: clamp(2.5rem, 2.2vw, 2.75rem);
  color: var(--ink);
  max-width: 1120px;
}
.lens-target-shell .classification-pill,
.lens-target-shell .card-title-group p,
.lens-target-shell .article-main small,
.lens-target-shell .card-summary dd,
.lens-target-shell .next-step {
  color: color-mix(in srgb, var(--muted), var(--ink) 12%);
}
.lens-target-shell .article-row { border-radius: 14px; }
.lens-target-shell .card-title-group a { color: var(--ink); }
.lens-target-shell .domain-chip,
.lens-target-shell .status-badge,
.lens-target-shell .card-summary div {
  background: rgba(255,255,255,.045);
  border-color: var(--chrome-border);
  color: var(--teal);
}
.lens-target-shell .filter-drawer summary,
.lens-target-shell .segmented {
  background: color-mix(in srgb, var(--panel-soft) 74%, transparent);
  border-color: var(--chrome-border);
}
.lens-target-shell .segmented button[aria-pressed=true] {
  background: var(--selected-control);
  color: var(--selected-control-text);
}
.lens-target-shell .primary-action,
.lens-target-shell [data-home-voice],
.lens-target-shell [data-card-primary-action] {
  min-width: 128px;
  min-height: 38px;
  justify-content: center;
  background: radial-gradient(circle at 28% 16%, rgba(255,255,255,.2), transparent 28%), var(--material-reflection), var(--sheen), var(--button-primary);
  color: var(--button-primary-text);
}
.owner-page-hero {
  margin-bottom: 16px;
}
.owner-page-hero .shine-button {
  width: fit-content;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
}
.owner-focus-card {
  display: grid;
  gap: 6px;
  align-self: stretch;
  min-height: 160px;
  padding: 18px;
  border-radius: var(--radius);
}
.owner-focus-card span,
.owner-route-toolbar span {
  display: block;
  color: var(--muted);
  font-size: .74rem;
  font-weight: 950;
  text-transform: uppercase;
}
.owner-focus-card strong {
  color: var(--ink);
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.06;
}
.owner-focus-card small,
.owner-page-grid p,
.owner-page-grid details {
  color: var(--muted);
  line-height: 1.45;
}
.owner-route-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  margin-bottom: 16px;
  padding: 14px;
  border-radius: var(--radius);
}
.owner-route-toolbar label {
  display: grid;
  gap: 6px;
  min-width: min(100%, 260px);
}
.owner-route-toolbar input,
.owner-route-toolbar select {
  min-height: 42px;
  border-radius: 999px;
  padding-inline: 14px;
}
.owner-page-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 16px;
}
.owner-page-grid .route-card {
  min-height: 240px;
  display: grid;
  align-content: start;
  gap: 10px;
  border-radius: var(--radius);
}
.media-owner-grid .media-card {
  min-height: 420px;
}
.media-card .article-card__media {
  margin-bottom: 2px;
}
.owner-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.owner-page-grid details summary,
.owner-card-actions details summary {
  cursor: pointer;
  color: var(--teal);
  font-weight: 900;
}
.lens-target-shell .target-nav nav a.active,
.lens-target-shell .article-row:has([data-select-article]:checked),
.lens-target-shell .owner-focus-card,
.lens-target-shell .owner-route-toolbar:focus-within {
  --chase-secondary-opacity-pct: var(--chase-opacity-pct);
}
.theme-lab {
  display: grid;
  gap: 10px;
}
.custom-theme-controls {
  position: relative;
  z-index: 60;
}
.custom-theme-controls summary {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: var(--ink);
  font-weight: 800;
}
.custom-theme-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: min(360px, calc(100vw - 24px));
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(143,182,255,.24);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel) 92%, #050b1b);
  box-shadow: var(--shadow-strong);
  backdrop-filter: blur(18px);
}
.custom-theme-panel label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 800;
}
.custom-theme-panel input { width: 100%; }
.custom-theme-panel input[type="color"] {
  height: 36px;
  padding: 3px;
  border-radius: 8px;
}
.custom-theme-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 8px;
}
.custom-theme-actions button {
  min-height: 38px;
  border-radius: 8px;
}
.custom-theme-panel [data-theme-warning] {
  margin: 0;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.45;
}
.theme-lab-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
}
.theme-swatch-card {
  border: 1px solid rgba(145,170,255,.22);
  border-radius: 10px;
  padding: 12px;
  background: rgba(255,255,255,.045);
}
.theme-swatch-card strong { display: block; color: var(--ink); }
.theme-swatch-card span { color: var(--muted); font-size: .78rem; font-weight: 800; }
.theme-review-panel[hidden] { display: none; }
.theme-review-panel {
  position: relative;
  z-index: 75;
}
.theme-review-panel summary {
  list-style: none;
  cursor: pointer;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid var(--chrome-border);
  border-radius: 999px;
  color: var(--ink);
  background: var(--button-tertiary);
  box-shadow: var(--shadow-soft);
  font-size: .78rem;
  font-weight: 900;
}
.theme-review-panel summary::-webkit-details-marker { display: none; }
.theme-review-card {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: min(440px, calc(100vw - 24px));
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--chrome-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel-elevated) 94%, var(--bg));
  box-shadow: var(--shadow-elevated);
  backdrop-filter: blur(var(--blur-strength));
}
.theme-review-card h2 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
}
.theme-review-swatches {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 6px;
}
.theme-review-swatches span {
  min-height: 30px;
  border: 1px solid var(--chrome-border);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 var(--metal-highlight);
}
.theme-review-results {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  margin: 0;
  color: var(--muted);
  font-size: .78rem;
}
.theme-review-results dt { font-weight: 800; }
.theme-review-results dd {
  margin: 0;
  color: var(--ink);
  font-weight: 900;
}
@media (max-width: 1024px) {
  .lens-target-shell { grid-template-columns: 1fr; }
  .target-nav {
    grid-column: 1;
    position: static;
    height: auto;
    margin: 10px 12px 0;
    grid-template-rows: auto auto;
  }
  .target-nav nav {
    display: flex;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .target-assistant-card,
  .target-collapse { display: none; }
  .lens-target-shell main { grid-column: 1; padding: 12px; }
  .lens-target-shell .target-topbar { position: sticky; top: 0; }
  .lens-target-shell .lens-v3-hero h1 { font-size: clamp(2.25rem, 4vw, 2.5rem); }
}
@media (max-width: 1500px) {
  .lens-target-shell.studio-shell[data-view=cards] .article-table {
    grid-template-columns: repeat(2, minmax(0, 430px));
  }
}
@media (max-width: 680px) {
  .lens-target-shell .target-topbar { min-height: 66px; }
  .lens-target-shell .studio-topbar nav { display: none; }
  .target-nav nav a { flex: 0 0 auto; min-width: 112px; }
  .lens-target-shell .lens-v3-hero h1 { font-size: clamp(1.75rem, 7vw, 2rem); }
  .lens-target-shell.studio-shell[data-view=cards] .article-table {
    grid-template-columns: 1fr;
  }
  .custom-theme-panel {
    position: fixed;
    inset: auto 12px 12px;
    width: auto;
    max-height: 80vh;
    overflow: auto;
  }
}

@media (max-width: 1240px) {
  .filter-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .search-control { grid-column: 1 / -1; }
  .lens-article-list-row {
    grid-template-columns: 34px minmax(170px, 220px) minmax(260px, 1fr) minmax(170px, 230px);
    grid-template-areas:
      "select thumb identity meta"
      "select thumb identity summary"
      "select thumb next actions";
  }
  .card-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .row-actions { justify-content: flex-start; }
  .lens-article-list-row .row-actions { justify-content: flex-start; }
}
@media (max-width: 860px) {
  .studio-band, .workspace { grid-template-columns: 1fr; }
  .filter-row { grid-template-columns: 1fr 1fr; }
  .metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lens-article-list-row {
    grid-template-columns: 34px minmax(150px, 210px) minmax(0, 1fr);
    grid-template-areas:
      "select thumb identity"
      "select thumb meta"
      "select thumb summary"
      "select thumb next"
      "select thumb actions";
    gap: 8px 12px;
    padding: 10px;
  }
  .lens-article-list-row .article-identity { min-width: 0; }
  .lens-article-list-row .card-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .studio-shell main { padding: 12px; }
  .studio-topbar { align-items: flex-start; flex-direction: column; }
  .filter-row, .metric-grid, .card-summary { grid-template-columns: 1fr; }
  .lens-article-list-row {
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-areas:
      "select thumb"
      "select identity"
      "select meta"
      "select summary"
      "select next"
      "select actions";
    align-items: start;
  }
  .lens-article-list-row .card-thumbnail { max-width: none; }
  .lens-article-list-row .card-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lens-article-list-row .row-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: stretch; }
  .lens-article-list-row .row-actions .primary-action,
  .lens-article-list-row .row-actions .secondary-action,
  .lens-article-list-row .more-actions summary { width: auto; }
  .view-action-row, .bulk-actions { align-items: stretch; flex-direction: column; }
  .view-controls, .view-controls button, .toolbar label, .toolbar input, .toolbar select { width: 100%; }
  .studio-shell[data-view=cards] .article-table { grid-template-columns: 1fr; }
  .studio-shell[data-view=cards] .article-row { max-width: none; }
  .studio-shell[data-view=cards] .row-actions { grid-template-columns: 1fr; }
  .row-actions .primary-action, .row-actions .secondary-action, .more-actions summary { width: 100%; }
  .more-actions div { position: static; width: 100%; margin-top: 6px; }
  .preview-frame { padding: 6px; }
}

/* LENS Executive Platinum is the permanent Content Studio application chrome.
   Public article and client website themes remain independent inside previews. */
:root,
html[data-lens-theme] {
  color-scheme: dark;
  --bg: #050506;
  --bg-secondary: #0b0c0e;
  --panel: rgba(18, 19, 22, .94);
  --panel-soft: rgba(26, 27, 31, .9);
  --panel-elevated: rgba(34, 35, 40, .96);
  --nav: rgba(10, 10, 12, .94);
  --nav-selected: rgba(216, 181, 109, .16);
  --ink: #f8f3e8;
  --ink-strong: #fffaf1;
  --muted: #beb6a8;
  --muted-strong: #ddd4c5;
  --line: rgba(126, 118, 100, .34);
  --chrome-border: rgba(196, 177, 134, .34);
  --metal-highlight: rgba(255, 244, 220, .2);
  --teal: #d7d1c3;
  --teal-soft: rgba(215, 209, 195, .1);
  --gold: #d7b46d;
  --gold-soft: rgba(215, 180, 109, .13);
  --danger: #f08d7f;
  --ok: #8dd7a3;
  --voice: #bfc8d6;
  --focus: rgba(216, 181, 109, .62);
  --button-primary: linear-gradient(135deg, #3a3428, #d7b46d 49%, #6d572b);
  --button-primary-text: #070706;
  --button-secondary: linear-gradient(135deg, #332313, #a8792e 52%, #533719);
  --button-secondary-text: #fff7e6;
  --button-tertiary: linear-gradient(135deg, #202126, #4b4e55 52%, #17181b);
  --button-tertiary-text: #f8f3e8;
  --input-bg: rgba(8, 8, 10, .84);
  --input-border: rgba(148, 137, 116, .48);
  --selected-control: linear-gradient(135deg, #b99a58, #f0d48b);
  --selected-control-text: #080706;
  --shadow-soft: 0 16px 36px rgba(0, 0, 0, .34);
  --shadow-elevated: 0 28px 70px rgba(0, 0, 0, .5);
  --glow-subtle: 0 0 30px rgba(216, 181, 109, .15);
  --glass-opacity: .92;
  --blur-strength: 20px;
  --radius: 12px;
}

.lens-target-shell {
  --lens-sidebar-width: 248px;
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  color: var(--ink);
  background:
    radial-gradient(circle at 14% 8%, rgba(216, 181, 109, .16), transparent 28%),
    radial-gradient(circle at 92% 2%, rgba(231, 225, 212, .08), transparent 30%),
    linear-gradient(135deg, #050506 0%, #0c0c0f 45%, #14120f 100%);
}
.lens-target-shell .target-topbar {
  grid-column: 1;
  grid-row: 1;
  border-bottom: 1px solid rgba(196, 177, 134, .2);
  background: rgba(6, 6, 8, .88);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .34);
  backdrop-filter: blur(22px);
}
.lens-target-shell main {
  grid-column: 1;
  grid-row: 3;
  width: 100%;
}
.lens-target-shell .target-nav {
  grid-column: 1;
  grid-row: 2;
  display: none;
  width: min(1180px, calc(100% - 32px));
  min-width: 0;
  margin: 14px auto 0;
  padding: 14px;
  border-color: rgba(196, 177, 134, .34);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(20, 20, 23, .97), rgba(10, 10, 12, .94)),
    radial-gradient(circle at 50% 0%, rgba(216, 181, 109, .14), transparent 54%);
  box-shadow: 0 24px 58px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 244, 220, .12);
}
.lens-target-shell.nav-tray-open .target-nav {
  display: grid;
  gap: 12px;
}
.lens-target-shell .target-nav-brand {
  display: none;
}
.lens-target-shell .target-nav nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: stretch;
  overflow: visible;
}
.lens-target-shell .target-nav nav a {
  flex: 1 1 145px;
  min-width: min(100%, 145px);
  min-height: 44px;
  color: var(--muted-strong);
  border-color: transparent;
}
.lens-target-shell .target-nav nav a .nav-icon {
  display: inline-grid;
  place-items: center;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color: inherit;
  font-size: .74rem;
  font-weight: 950;
}
.lens-target-shell .target-nav nav a.active,
.lens-target-shell .target-nav nav a:hover {
  color: var(--ink-strong);
  border-color: rgba(216, 181, 109, .34);
  background: linear-gradient(135deg, rgba(216, 181, 109, .18), rgba(255, 255, 255, .05));
}
.lens-target-shell .target-assistant-card,
.lens-target-shell .panel,
.lens-target-shell .article-row,
.lens-target-shell .route-card,
.lens-target-shell .metric-grid article {
  background: linear-gradient(180deg, rgba(28, 29, 33, .92), rgba(16, 17, 20, .94));
  border-color: rgba(196, 177, 134, .26);
  box-shadow: var(--shadow-soft);
}
.lens-target-shell .theme-picker,
.lens-target-shell .custom-theme-controls,
.lens-target-shell .theme-review-panel {
  display: none !important;
}
.sidebar-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 999px;
}
.lcs-mobile-bottom-nav {
  display: none;
}
.lens-target-shell button,
.lens-target-shell .button,
.lens-target-shell .target-nav nav a,
.lens-target-shell .more-actions summary,
.lens-target-shell .field-save-button,
.lens-target-shell .secondary-action,
.lens-target-shell .primary-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .48rem;
  min-height: 40px;
  border: 3px solid var(--lcs-button-platinum-border);
  border-radius: var(--lcs-button-radius);
  padding: var(--lcs-button-padding);
  background:
    radial-gradient(circle at 24% 12%, rgba(255,255,255,.28), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--lcs-button-gold-fill) padding-box,
    var(--lcs-button-platinum-border-metal) border-box;
  color: var(--lcs-button-text);
  font-family: var(--lcs-button-font-family);
  font-size: .9rem;
  font-weight: var(--lcs-button-font-weight);
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  box-shadow: var(--lcs-button-shadow);
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.lens-target-shell button:hover,
.lens-target-shell .button:hover,
.lens-target-shell .target-nav nav a:hover,
.lens-target-shell .more-actions summary:hover,
.lens-target-shell .field-save-button:hover,
.lens-target-shell .secondary-action:hover,
.lens-target-shell .primary-action:hover {
  transform: translateY(-1px);
  filter: saturate(1.06) brightness(1.03);
  box-shadow: var(--lcs-button-shadow-hover);
}
.lens-target-shell button:active,
.lens-target-shell .button:active,
.lens-target-shell .target-nav nav a:active,
.lens-target-shell .more-actions summary:active,
.lens-target-shell .field-save-button:active,
.lens-target-shell .secondary-action:active,
.lens-target-shell .primary-action:active {
  transform: translateY(1px);
  box-shadow: var(--lcs-button-shadow-active);
}
.lens-target-shell button:disabled,
.lens-target-shell .button[aria-disabled="true"],
.lens-target-shell [disabled] {
  opacity: .52;
  cursor: not-allowed;
  filter: grayscale(.18);
}
.lens-target-shell .shine-button,
.lens-target-shell .owner-action.approve,
.lens-target-shell .owner-action.voice,
.lens-target-shell .row-actions .primary-action,
.lens-target-shell .more-actions summary,
.lens-target-shell .custom-theme-actions button,
.lens-target-shell .owner-route-toolbar > button,
.lens-target-shell .final-publication-panel button,
.lens-target-shell .publication-panel button,
.lens-target-shell .admin-tabs button[aria-selected="true"],
.lens-target-shell .segmented button[aria-pressed=true] {
  border: 3px solid var(--lcs-button-platinum-border);
  background:
    radial-gradient(circle at 24% 12%, rgba(255,255,255,.28), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--lcs-button-gold-fill) padding-box,
    var(--lcs-button-platinum-border-metal) border-box;
  color: var(--lcs-button-text);
  font-family: var(--lcs-button-font-family);
  font-weight: var(--lcs-button-font-weight);
}
.lens-target-shell .owner-action.needs-changes::after,
.lens-target-shell [data-owner-control="hold"]::after,
.lens-target-shell [data-owner-control="cancel-schedule"]::after,
.lens-target-shell .publish-now-button::after {
  content: "!";
  display: inline-grid;
  place-items: center;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--danger) 82%, #2c0b08);
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
}
.lens-target-shell .target-collapse {
  justify-self: end;
}
.lens-target-shell .studio-topbar nav a[data-top-nav-id] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 4px 10px;
  border: 3px solid var(--lcs-button-platinum-border);
  border-radius: calc(var(--lcs-button-radius) - 2px);
  background:
    radial-gradient(circle at 24% 12%, rgba(255,255,255,.24), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--lcs-button-gold-fill) padding-box,
    var(--lcs-button-platinum-border-metal) border-box;
  color: var(--lcs-button-text);
  font-family: var(--lcs-button-font-family);
  font-size: .78rem;
  font-weight: var(--lcs-button-font-weight);
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -8px 16px rgba(0,0,0,.2), 0 8px 18px rgba(0,0,0,.2);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.lens-target-shell .studio-topbar nav a[data-top-nav-id]:hover {
  transform: translateY(-1px);
  filter: saturate(1.07) brightness(1.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -7px 14px rgba(0,0,0,.18), 0 12px 24px rgba(0,0,0,.25);
}
.lens-target-shell .studio-topbar nav a[data-top-nav-id]:active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 9px rgba(0,0,0,.34), 0 5px 12px rgba(0,0,0,.16);
}
.lens-target-shell .studio-topbar nav a[data-top-nav-id]:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}
.lens-target-shell .studio-topbar nav a[data-top-nav-id].active,
.lens-target-shell .studio-topbar nav a[data-top-nav-id][aria-current="page"] {
  filter: saturate(1.12) brightness(1.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48), inset 0 2px 9px rgba(0,0,0,.2), 0 0 0 2px rgba(241, 234, 219, .18), 0 14px 28px rgba(0,0,0,.28);
}
.lens-target-shell .studio-topbar nav a[data-top-nav-id].active::after,
.lens-target-shell .studio-topbar nav a[data-top-nav-id][aria-current="page"]::after {
  content: "";
  position: absolute;
  inset: auto 10px 3px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 248, 231, .82);
  box-shadow: 0 0 10px rgba(241, 234, 219, .36);
}
.lens-target-shell :is(button, .button, .target-nav nav a, .studio-topbar nav a[data-top-nav-id], .sidebar-menu-toggle, .owner-menu-button, .more-actions summary, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 3px solid var(--lcs-button-platinum-border) !important;
  border-radius: var(--lcs-button-radius) !important;
  background:
    radial-gradient(circle at 24% 12%, rgba(255,255,255,.28), transparent 28%) padding-box,
    var(--material-reflection) padding-box,
    var(--lcs-button-gold-fill) padding-box,
    var(--lcs-button-platinum-border-metal) border-box !important;
  color: var(--lcs-button-text) !important;
  font-family: var(--lcs-button-font-family) !important;
  font-size: .9rem;
  font-weight: var(--lcs-button-font-weight) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: var(--lcs-button-shadow) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
.lens-target-shell :is(button, .button, .target-nav nav a, .studio-topbar nav a[data-top-nav-id], .sidebar-menu-toggle, .owner-menu-button, .more-actions summary, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button):not(.calendar-event-card):not(.calendar-hour-dropzone):not(.month-date):not(.calendar-day-column-head)::before {
  content: "";
  position: absolute;
  inset: -4px;
  z-index: 1;
  border-radius: inherit;
  padding: 4px;
  background: conic-gradient(from 0deg, transparent 0 62%, rgba(246,241,229,.08) 66%, var(--lcs-button-chase-light) 72%, rgba(246,241,229,.14) 78%, transparent 84% 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: .22;
  pointer-events: none;
  animation: lcs-button-chase 7.5s linear infinite;
}
.lens-target-shell :is(button, .button, .target-nav nav a, .studio-topbar nav a[data-top-nav-id], .sidebar-menu-toggle, .owner-menu-button, .more-actions summary, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button):not(.calendar-event-card):not(.calendar-hour-dropzone):not(.month-date):not(.calendar-day-column-head):hover::before,
.lens-target-shell :is(button, .button, .target-nav nav a, .studio-topbar nav a[data-top-nav-id], .sidebar-menu-toggle, .owner-menu-button, .more-actions summary, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button):not(.calendar-event-card):not(.calendar-hour-dropzone):not(.month-date):not(.calendar-day-column-head):focus-visible::before {
  opacity: .54;
  animation-duration: 3s;
}
@keyframes lcs-button-chase {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .lens-target-shell :is(button, .button, .target-nav nav a, .studio-topbar nav a[data-top-nav-id], .sidebar-menu-toggle, .owner-menu-button, .more-actions summary, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button):not(.calendar-event-card):not(.calendar-hour-dropzone):not(.month-date):not(.calendar-day-column-head)::before {
    animation: none;
    opacity: .18;
  }
}
.lens-target-shell :is(button, .button, .target-nav nav a, .studio-topbar nav a[data-top-nav-id], .sidebar-menu-toggle, .owner-menu-button, .more-actions summary, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button):hover:not(:disabled):not([aria-disabled="true"]) {
  transform: translateY(-1px);
  filter: saturate(1.06) brightness(1.03);
  box-shadow: var(--lcs-button-shadow-hover) !important;
}
.lens-target-shell :is(button, .button, .target-nav nav a, .studio-topbar nav a[data-top-nav-id], .sidebar-menu-toggle, .owner-menu-button, .more-actions summary, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button):active:not(:disabled):not([aria-disabled="true"]) {
  transform: translateY(1px);
  box-shadow: var(--lcs-button-shadow-active) !important;
}
.lens-target-shell :is(button, .button, .target-nav nav a, .studio-topbar nav a[data-top-nav-id], .sidebar-menu-toggle, .owner-menu-button, .more-actions summary, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button):focus-visible {
  outline: 3px solid var(--focus) !important;
  outline-offset: 3px !important;
}
.lens-target-shell :is(button, .button, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button, .sidebar-menu-toggle, .owner-menu-button):disabled,
.lens-target-shell :is(button, .button, .field-save-button, .secondary-action, .primary-action, .owner-action, .conversation-actions button, .publication-action-row button, .segmented button, .device-preview-bar > button, .custom-theme-actions button, .owner-route-toolbar > button, .final-publication-panel button, .publication-panel button, .admin-tabs button, .task-actions button, .domain-link, .shine-button, .sidebar-menu-toggle, .owner-menu-button)[aria-disabled="true"] {
  border: 3px solid var(--lcs-button-platinum-border) !important;
  background:
    radial-gradient(circle at 24% 12%, rgba(255,255,255,.18), transparent 28%) padding-box,
    linear-gradient(135deg, rgba(112, 85, 34, .86), rgba(177, 147, 83, .74), rgba(95, 72, 31, .86)) padding-box,
    var(--lcs-button-platinum-border-metal) border-box !important;
  color: rgba(255, 248, 231, .78) !important;
  opacity: .64 !important;
  cursor: not-allowed !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), inset 0 -8px 18px rgba(0,0,0,.2), 0 8px 16px rgba(0,0,0,.15) !important;
}
.lcs-decision-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(196, 177, 134, .28);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(28, 29, 33, .94), rgba(15, 15, 18, .96));
  box-shadow: var(--shadow-soft);
}
.lcs-decision-header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
  min-width: 0;
}
.lcs-decision-header h2 {
  margin: 0 0 6px;
  color: var(--ink-strong);
}
.lcs-decision-header .status-pill {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}
.lcs-decision-grid,
.lcs-rationale-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}
.lcs-decision-grid div,
.lcs-rationale-grid article {
  border: 1px solid rgba(196, 177, 134, .22);
  border-radius: 10px;
  padding: 10px;
  background: rgba(255, 255, 255, .035);
}
.lcs-decision-grid dt {
  margin-bottom: 4px;
}
.lcs-decision-grid dd {
  margin: 0;
  color: var(--ink-strong);
  font-weight: 800;
  overflow-wrap: anywhere;
}
.lcs-rationale-grid h3 {
  margin: 0 0 6px;
  font-size: .95rem;
}
.lcs-rationale-grid p,
.lcs-rationale-grid ul {
  margin: 0;
  color: var(--muted-strong);
}
.lcs-social-evidence {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(196, 177, 134, .22);
  border-radius: 10px;
  background: rgba(255, 255, 255, .028);
}
.lcs-social-evidence h3 {
  margin: 0;
  color: var(--ink-strong);
}
.lcs-social-evidence-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}
.lcs-social-evidence-grid article {
  border: 1px solid rgba(196, 177, 134, .2);
  border-radius: 10px;
  padding: 10px;
  background: rgba(255, 255, 255, .035);
}
.lcs-social-evidence-grid h4 {
  margin: 0 0 6px;
  color: var(--ink-strong);
}
.lcs-social-evidence-grid p {
  margin: 4px 0;
  color: var(--muted-strong);
  overflow-wrap: anywhere;
}
.lcs-owner-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.lcs-owner-controls span {
  color: var(--muted);
  font-weight: 800;
}
.owner-decision-package {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(214, 207, 193, .32);
  border-radius: 14px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(14,14,16,.96), rgba(3,3,4,.98));
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 28px rgba(0,0,0,.28);
}
.owner-decision-package[hidden] {
  display: none !important;
}
.owner-decision-package h3,
.owner-decision-package p {
  margin: 0;
}
.owner-decision-package h3 {
  color: rgba(242, 223, 167, .96);
  font-size: .82rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.owner-decision-package p,
.owner-decision-package small,
.owner-decision-package dd {
  color: rgba(241,234,219,.84);
  line-height: 1.4;
}
.owner-decision-package dl {
  display: grid;
  gap: 8px;
  margin: 0;
}
.owner-decision-package dl div {
  display: grid;
  gap: 3px;
}
.owner-decision-package dt {
  color: rgba(214,207,193,.7);
  font-size: .72rem;
  font-weight: 850;
  text-transform: uppercase;
}
.owner-decision-package dd { margin: 0; }
.decision-option-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.decision-option-grid article {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(214,207,193,.22);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
.decision-option-grid strong { color: rgba(246,239,217,.96); }
.decision-option-grid span,
.decision-option-grid em {
  color: rgba(214,207,193,.74);
  font-size: .84rem;
  line-height: 1.35;
}
.decision-option-grid em { font-style: normal; }
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (min-width: 701px) {
  .lens-target-shell .sidebar-menu-toggle,
  .lens-target-shell .target-nav {
    display: none !important;
  }
  .lens-target-shell.nav-tray-open .target-nav {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .lens-target-shell {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto minmax(0, 1fr);
  }
  .lens-target-shell .target-nav {
    display: none;
    grid-row: 2;
    position: static;
    width: calc(100% - 24px);
    max-height: none;
    margin: 12px auto 0;
    padding: 10px;
    overflow: auto;
    transform: none;
    z-index: 90;
  }
  .lens-target-shell.nav-tray-open .target-nav {
    display: grid;
  }
  .lens-target-shell .target-nav nav {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    overflow: visible;
    padding-bottom: 0;
  }
  .lens-target-shell .target-assistant-card,
  .lens-target-shell .target-collapse {
    display: inline-grid;
  }
  .lens-target-shell main {
    grid-column: 1;
    padding: 12px;
  }
  .lens-target-shell .target-topbar {
    position: sticky;
    top: 0;
    z-index: 80;
  }
}

@media (max-width: 700px) {
  .lens-target-shell {
    padding-bottom: calc(82px + env(safe-area-inset-bottom));
    background:
      linear-gradient(180deg, #020203 0%, #080809 48%, #020203 100%) !important;
  }
  .lens-target-shell::before { opacity: .22; height: 58px; }
  .lens-target-shell .target-topbar {
    min-height: 48px !important;
    padding: 6px 10px !important;
    border-bottom-color: rgba(214,207,193,.34);
    background: linear-gradient(180deg, rgba(8,8,9,.98), rgba(2,2,3,.98)) !important;
  }
  .lens-target-shell .studio-brand {
    font-size: .92rem !important;
    gap: 7px !important;
    line-height: 1;
  }
  .lens-target-shell .studio-brand::before,
  .target-orb {
    width: 24px !important;
    height: 24px !important;
    box-shadow: 0 0 0 1px rgba(214,207,193,.34), 0 0 12px rgba(216,181,109,.14) !important;
  }
  .lens-target-shell main {
    padding: 8px 8px calc(92px + env(safe-area-inset-bottom)) !important;
  }
  .lens-target-shell .sidebar-menu-toggle {
    display: inline-flex;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 4px !important;
  }
  .lens-target-shell .studio-topbar nav {
    display: none !important;
  }
  .lens-target-shell .owner-menu-button,
  .lens-target-shell .owner-menu {
    display: none !important;
  }
  .lens-target-shell .target-nav {
    border-color: rgba(214,207,193,.32) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(16,16,18,.98), rgba(3,3,4,.98)) !important;
  }
  .lens-target-shell .target-nav nav {
    grid-template-columns: 1fr;
  }
  .lcs-mobile-bottom-nav {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom));
    z-index: 140;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 7px;
    border: 1.5px solid rgba(214,207,193,.5);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(10,10,11,.98), rgba(0,0,0,.99));
    box-shadow: 0 20px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.1);
    backdrop-filter: blur(14px);
  }
  .lcs-mobile-bottom-nav a,
  .lcs-mobile-bottom-nav button {
    min-width: 0;
    min-height: 50px !important;
    padding: 6px 4px !important;
    display: grid !important;
    gap: 2px !important;
    justify-items: center;
    align-content: center;
    border-width: 1.5px !important;
    border-radius: 13px !important;
    background:
      linear-gradient(180deg, rgba(31,31,33,.94), rgba(8,8,9,.98)) padding-box,
      linear-gradient(135deg, rgba(214,207,193,.72), rgba(117,109,96,.58)) border-box !important;
    color: rgba(241,234,219,.86) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.28) !important;
    text-decoration: none !important;
  }
  .lcs-mobile-bottom-nav a.active,
  .lcs-mobile-bottom-nav a[aria-current="page"] {
    background:
      radial-gradient(circle at 30% 10%, rgba(255,255,255,.22), transparent 34%) padding-box,
      linear-gradient(135deg, rgba(34,28,17,.98), rgba(152,119,52,.78), rgba(32,25,14,.98)) padding-box,
      var(--lcs-button-platinum-border-metal) border-box !important;
    color: #fff8e7 !important;
    border-width: 2px !important;
  }
  .lcs-mobile-bottom-nav span {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(214,207,193,.45);
    font-size: .68rem;
    font-weight: 850;
  }
  .lcs-mobile-bottom-nav b {
    font-size: .66rem;
    font-weight: 780;
    letter-spacing: 0;
  }
  .lens-target-shell .professional-preview-inner,
  .lens-target-shell .professional-preview-inner[data-device="desktop"],
  .lens-target-shell .professional-preview-inner[data-device="tablet"],
  .lens-target-shell .professional-preview-inner[data-device="mobile"] {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
  .lens-target-shell .device-preview-bar,
  .lens-target-shell [data-device-preview-bar],
  .lens-target-shell .viewport-readout {
    display: none !important;
  }
  .lens-target-shell :is(.lens-v3-hero, .calendar-hero, .media-hero, .toolbar, .calendar-toolbar, .calendar-filters, .calendar-status-strip article, .calendar-stage, .media-work-item, .mobile-home-panel, .mobile-owner-priority, .mobile-home-list) {
    border-color: rgba(214,207,193,.22) !important;
    background: linear-gradient(180deg, rgba(15,15,17,.96), rgba(3,3,4,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 10px 24px rgba(0,0,0,.34) !important;
  }
  .lens-target-shell :is(.lens-v3-hero, .calendar-hero, .media-hero) {
    min-height: 0 !important;
    padding: 12px !important;
  }
  .decision-option-grid {
    grid-template-columns: 1fr;
  }
  .owner-decision-package {
    padding: 12px;
    border-radius: 14px;
  }
  .lens-target-shell :is(.lens-v3-hero h1, .calendar-hero h1, .media-hero h1) {
    font-size: clamp(1.35rem, 7vw, 1.85rem) !important;
    line-height: 1.05 !important;
  }
  .lens-target-shell :is(.lens-v3-hero p, .calendar-hero p, .media-hero p) {
    font-size: .9rem !important;
    line-height: 1.38 !important;
  }
  .lens-target-shell .lens-reader-article,
  .lens-target-shell .lens-hero,
  .lens-target-shell .lens-hero img {
    max-width: 100% !important;
  }
}