/* Generated from tokens/semantic.json. */
:root{
  --iq-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --iq-display: "Inter Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --iq-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --iq-radius-xs: 5px;
  --iq-radius-sm: 9px;
  --iq-radius-md: 16px;
  --iq-radius-lg: 24px;
  --iq-radius-pill: 999px;
  --iq-control-sm: 36px;
  --iq-control-md: 44px;
  --iq-control-lg: 52px;
  --iq-motion-fast: 120ms;
  --iq-motion-standard: 180ms;
  --iq-motion-enter: 280ms;
  --iq-motion-layout: 360ms;
  --iq-motion-scene: 800ms;
  --iq-ease: cubic-bezier(.2,.7,.2,1);
  --iq-ease-spring: cubic-bezier(.16,1,.3,1);
  --iq-shadow-1: 0 1px 3px #00000008;
  --iq-shadow-2: 0 8px 24px #00000012;
  --iq-shadow-3: 0 24px 72px #00000024;
  --iq-grid-columns: 12;
  --iq-grid-gutter: 24px;
  --iq-grid-max: 1280px;
  --iq-grid-margin: clamp(20px, 4.45vw, 80px);
  --iq-space-1: 4px;
  --iq-space-2: 8px;
  --iq-space-3: 12px;
  --iq-space-4: 16px;
  --iq-space-5: 20px;
  --iq-space-6: 24px;
  --iq-space-8: 32px;
  --iq-space-10: 40px;
  --iq-space-12: 48px;
  --iq-space-16: 64px;
  --iq-space-20: 80px;
  --iq-space-24: 96px;
  --iq-space-32: 128px;
  --iq-work-compact-padding: var(--iq-space-6);
  --iq-work-compact-gap: var(--iq-space-3);
  --iq-work-compact-title: 24px;
  --iq-work-compact-row: 56px;
  --iq-work-comfortable-padding: var(--iq-space-8);
  --iq-work-comfortable-gap: var(--iq-space-6);
  --iq-work-comfortable-title: 30px;
  --iq-work-comfortable-row: 72px;
  --iq-canvas: #FFFFFF;
  --iq-surface: #F5F5F7;
  --iq-raised: #FFFFFF;
  --iq-recessed: #EBEDF0;
  --iq-ink: #1D1D1F;
  --iq-muted: #62646B;
  --iq-subtle: #676A72;
  --iq-line: #DDDFE3;
  --iq-control: #81858D;
  --iq-accent: #2453CC;
  --iq-accent-fill: #2453CC;
  --iq-accent-soft: #EDF2FF;
  --iq-on-accent: #FFFFFF;
  --iq-focus: #2453CC;
  --iq-primary: #1D1D1F;
  --iq-on-primary: #FFFFFF;
  --iq-success: #177B5B;
  --iq-success-bg: #2CB88A;
  --iq-warning: #934900;
  --iq-warning-bg: #FFB343;
  --iq-danger: #D51C38;
  --iq-danger-bg: #FFF0F2;
  --iq-info: #175BCD;
  --iq-info-bg: #E9F1FF;
  --iq-glass: #FFFFFF;
  --iq-shadow-color: #13171C14;
  --iq-specular: transparent;
  --iq-material-deep: #12202B;
  --iq-material-mid: #223A4B;
  --iq-material-light: #D5E3EE;
  --iq-completed: #E9EAED;
  --iq-danger-fill: #D51C38;
  --iq-on-danger: #FFFFFF;
  --iq-focus-fill: #E9EDFA;
  --iq-focus-text: #172B65;
  --iq-faint: #9898A3;
  --iq-hover: #E9EBF0;
  --iq-primary-hover: #FFFFFF;
  --iq-line-strong: #72727D;
  --iq-warning-fill: #FFB343;
  --iq-on-warning: #352006;
  --iq-planned: #843CA9;
  --iq-planned-bg: #F3EAF8;
  --iq-avatar-ring: #FFFFFF;
  --iq-field-bg: #FFFFFF;
  --iq-success-fill: #2CB88A;
  --iq-on-success: #073529;
  --iq-info-fill: #175BCD;
  --iq-on-info: #FFFFFF;
  --iq-planned-fill: #8B42B5;
  --iq-on-planned: #FFFFFF;
  --iq-neutral-fill: #686A75;
  --iq-on-neutral: #FFFFFF;
  --iq-avatar-more: #DDE0EA;
  --iq-on-avatar-more: #222537;
  --iq-menu-focus: #E7EAF2;
  --iq-sample-bg: #E7E8ED;
  --iq-sample-ink: #42444D;
  --iq-priority-neutral-bg: #EAEBEF;
  --iq-priority-neutral-ink: #50515B;
  --iq-epic: #843CA9;
  --iq-epic-fill: #8B42B5;
  --iq-on-epic: #FFFFFF;
  --iq-card-accent-critical: #D51C38;
  --iq-card-accent-high: #D58100;
  --iq-card-accent-epic: #8B42B5;
  --iq-radio-selected: #EDEEF2;
  --iq-fixed-00000028: #00000028;
  --iq-fixed-ffffff50: #FFFFFF50;
  --iq-fixed-00000014: #00000014;
  --iq-fixed-00000006: #00000006;
  --iq-fixed-00000070: #00000070;
  --iq-fixed-00000012: #00000012;
  --iq-fixed-00000099: #00000099;
  --iq-fixed-11151d66: #11151D66;
  --iq-fixed-00000090: #00000090;
  --iq-fixed-00000008: #00000008;
  --iq-fixed-00000007: #00000007;
  --iq-fixed-00000016: #00000016;
  --iq-fixed-08080bcd: #08080BCD;
  --iq-fixed-ffffff40: #FFFFFF40;
  --iq-fixed-18181ccf: #18181CCF;
  --iq-fixed-303034: #303034;
  --iq-fixed-b9ccdb: #B9CCDB;
  --iq-avatar-blue-bg: #E3E9F2;
  --iq-fixed-40525f: #40525F;
  --iq-avatar-sand-ink: #66472B;
  --iq-fixed-bdceda: #BDCEDA;
  --iq-fixed-f8fafc: #F8FAFC;
  --iq-fixed-252528: #252528;
  --iq-fixed-ececef: #ECECEF;
  --iq-fixed-c1ced8: #C1CED8;
  --iq-fixed-c5d7e4: #C5D7E4;
  --iq-fixed-cad5df: #CAD5DF;
  --iq-fixed-becdd8: #BECDD8;
  --iq-fixed-17242e: #17242E;
  --iq-fixed-748c9e: #748C9E;
  --iq-fixed-d0e0ec: #D0E0EC;
  --iq-avatar-blue-ink: #334760;
  --iq-fixed-505057: #505057;
  --iq-fixed-cbdce9: #CBDCE9;
  --iq-accent-hover-fill: #1944B3;
  --iq-fixed-1d1d1f: #1D1D1F;
  --iq-avatar-sand-bg: #EDE4DA;
  --iq-fixed-eceef1: #ECEEF1;
  --iq-fixed-aabbc8: #AABBC8;
  --iq-fixed-c5d1db: #C5D1DB;
  --iq-fixed-55545e: #55545E;
  --iq-avatar-lilac-ink: #604D70;
  --iq-avatar-lilac-bg: #E8E4EC;
  --iq-fixed-f7f9fc: #F7F9FC;
  --iq-fixed-f5f7f9: #F5F7F9;
  --iq-fixed-bdd0de: #BDD0DE;
  --iq-fixed-c8d7e1: #C8D7E1;
  --iq-avatar-sage-ink: #445C3D;
  --iq-fixed-cad7e1: #CAD7E1;
  --iq-fixed-f7f9fb: #F7F9FB;
  --iq-fixed-526979: #526979;
  --iq-avatar-sage-bg: #E4E9E1;
  --iq-fixed-afc5d7: #AFC5D7;
  --iq-fixed-00000022: #00000022;
  --iq-white: #FFFFFF;
  --iq-task-critical-surface: #FFF3F5;
  --iq-task-high-surface: #FFF6E8;
  --iq-task-epic-surface: #F5EEF9;
  --iq-task-critical-text: #B11934;
  --iq-task-high-text: #85500B;
  --iq-task-epic-text: #773391;
  --iq-task-neutral-surface: #FFFFFF;
  --iq-nav-current-bg: #E9EBF0;
  --iq-nav-current-ink: #1D1D1F;
  --iq-calendar-item-bg: #F4F5F8;
  --iq-calendar-item-hover: #E9EBF0;
  --iq-calendar-complete-bg: #E6F3ED;
  --iq-calendar-complete-ink: #196146;
  --iq-task-light-critical-core: #D51C3847;
  --iq-task-light-critical-mid: #D51C3817;
  --iq-task-light-critical-rim: #FF899933;
  --iq-task-light-high-core: #F5A22340;
  --iq-task-light-high-mid: #FFB34318;
  --iq-task-light-high-rim: #FFC87630;
  --iq-task-light-epic-core: #9458D844;
  --iq-task-light-epic-mid: #8B42B515;
  --iq-task-light-epic-rim: #CCA3F633;
  --iq-task-light-row-strength: 54%;
  --iq-task-light-meta: #54555C;
  --iq-graph-edge: #727885;
  --iq-graph-group: #F0F1F5;
  --iq-chart-series-1: #175BCD;
  --iq-chart-series-2: #8B42B5;
  --iq-chart-series-3: #177B5B;
  --iq-chart-series-4: #934900;
  --iq-chart-series-5: #D51C38;
  --iq-chart-series-6: #50515B;
  --iq-tag-fill: #E8EDF6;
  --iq-tag-text: #28374F;
  --iq-graph-node: #FFFFFF;
  --iq-graph-node-border: #DDDFE3;
  --iq-calendar-adjacent-text: #62646B;
  --iq-wb-canvas: #F8F9FB;
  --iq-wb-dot: #DFE1E8;
  --iq-wb-frame: #F0F2F680;
  --iq-wb-frame-line: #D8DCE5;
  --iq-wb-sand: #FFEABB;
  --iq-wb-lavender: #E5DCFA;
  --iq-wb-mint: #D6EDE2;
  --iq-wb-sky: #DCEAF9;
  --iq-wb-rose: #F8DDE4;
  --iq-wb-note-ink: #29252D;
  --iq-wb-shape-line: #A1A5AE;
  --iq-wb-edge: #717782;
  --iq-wb-object-shadow: 0 2px 3px #1118280A, 0 8px 18px #11182807;
  --iq-wb-lasso: #2453CC12;
  --iq-wb-backdrop: #0C122575;
}
[data-theme="dark"]{
  --iq-canvas: #0D0D0F;
  --iq-surface: #161618;
  --iq-raised: #202023;
  --iq-recessed: #101012;
  --iq-ink: #F5F5F7;
  --iq-muted: #B1B1B9;
  --iq-subtle: #A3A7AF;
  --iq-line: #343438;
  --iq-control: #737984;
  --iq-accent: #A9C1FF;
  --iq-accent-fill: #2453CC;
  --iq-accent-soft: #202D47;
  --iq-on-accent: #FFFFFF;
  --iq-focus: #A9C1FF;
  --iq-primary: #F4F4F6;
  --iq-on-primary: #151518;
  --iq-success: #54CDA0;
  --iq-success-bg: #2CB88A;
  --iq-warning: #FFB343;
  --iq-warning-bg: #FFB343;
  --iq-danger: #FF415C;
  --iq-danger-bg: #301018;
  --iq-info: #85BFFF;
  --iq-info-bg: #17283D;
  --iq-glass: #24262B;
  --iq-shadow-color: #00000050;
  --iq-specular: transparent;
  --iq-material-deep: #0C131A;
  --iq-material-mid: #1B3142;
  --iq-material-light: #D5E3EE;
  --iq-faint: #9898A3;
  --iq-line-strong: #72727D;
  --iq-hover: #2B2B30;
  --iq-primary-hover: #FFFFFF;
  --iq-completed: #303035;
  --iq-danger-fill: #FF415C;
  --iq-on-danger: #26070D;
  --iq-focus-fill: #CCD7FF;
  --iq-focus-text: #172039;
  --iq-warning-fill: #FFB343;
  --iq-on-warning: #352006;
  --iq-planned: #D5A8EB;
  --iq-planned-bg: #32213C;
  --iq-avatar-ring: #202022;
  --iq-field-bg: #101012;
  --iq-success-fill: #2CB88A;
  --iq-on-success: #073529;
  --iq-info-fill: #85BFFF;
  --iq-on-info: #082B53;
  --iq-planned-fill: #D5A8EB;
  --iq-on-planned: #402151;
  --iq-neutral-fill: #A0A3B2;
  --iq-on-neutral: #161820;
  --iq-avatar-more: #464653;
  --iq-on-avatar-more: #F5F5FA;
  --iq-menu-focus: #383840;
  --iq-sample-bg: #36363D;
  --iq-sample-ink: #E6E6EC;
  --iq-priority-neutral-bg: #37373F;
  --iq-priority-neutral-ink: #DEDDE5;
  --iq-epic: #D5A8EB;
  --iq-epic-fill: #D5A8EB;
  --iq-on-epic: #402151;
  --iq-card-accent-critical: #FF415C;
  --iq-card-accent-high: #FFB343;
  --iq-card-accent-epic: #D5A8EB;
  --iq-radio-selected: #303036;
  --iq-fixed-00000028: #00000028;
  --iq-fixed-ffffff50: #FFFFFF50;
  --iq-fixed-00000014: #00000014;
  --iq-fixed-00000006: #00000006;
  --iq-fixed-00000070: #00000070;
  --iq-fixed-00000012: #00000012;
  --iq-fixed-00000099: #00000099;
  --iq-fixed-11151d66: #11151D66;
  --iq-fixed-00000090: #00000090;
  --iq-fixed-00000008: #00000008;
  --iq-fixed-00000007: #00000007;
  --iq-fixed-00000016: #00000016;
  --iq-fixed-08080bcd: #08080BCD;
  --iq-fixed-ffffff40: #FFFFFF40;
  --iq-fixed-18181ccf: #18181CCF;
  --iq-fixed-303034: #303034;
  --iq-fixed-b9ccdb: #B9CCDB;
  --iq-avatar-blue-bg: #E3E9F2;
  --iq-fixed-40525f: #40525F;
  --iq-avatar-sand-ink: #66472B;
  --iq-fixed-bdceda: #BDCEDA;
  --iq-fixed-f8fafc: #F8FAFC;
  --iq-fixed-252528: #252528;
  --iq-fixed-ececef: #ECECEF;
  --iq-fixed-c1ced8: #C1CED8;
  --iq-fixed-c5d7e4: #C5D7E4;
  --iq-fixed-cad5df: #CAD5DF;
  --iq-fixed-becdd8: #BECDD8;
  --iq-fixed-17242e: #17242E;
  --iq-fixed-748c9e: #748C9E;
  --iq-fixed-d0e0ec: #D0E0EC;
  --iq-avatar-blue-ink: #334760;
  --iq-fixed-505057: #505057;
  --iq-fixed-cbdce9: #CBDCE9;
  --iq-accent-hover-fill: #1944B3;
  --iq-fixed-1d1d1f: #1D1D1F;
  --iq-avatar-sand-bg: #EDE4DA;
  --iq-fixed-eceef1: #ECEEF1;
  --iq-fixed-aabbc8: #AABBC8;
  --iq-fixed-c5d1db: #C5D1DB;
  --iq-fixed-55545e: #55545E;
  --iq-avatar-lilac-ink: #604D70;
  --iq-avatar-lilac-bg: #E8E4EC;
  --iq-fixed-f7f9fc: #F7F9FC;
  --iq-fixed-f5f7f9: #F5F7F9;
  --iq-fixed-bdd0de: #BDD0DE;
  --iq-fixed-c8d7e1: #C8D7E1;
  --iq-avatar-sage-ink: #445C3D;
  --iq-fixed-cad7e1: #CAD7E1;
  --iq-fixed-f7f9fb: #F7F9FB;
  --iq-fixed-526979: #526979;
  --iq-avatar-sage-bg: #E4E9E1;
  --iq-fixed-afc5d7: #AFC5D7;
  --iq-fixed-00000022: #00000022;
  --iq-white: #FFFFFF;
  --iq-task-critical-surface: #2B2026;
  --iq-task-high-surface: #2B261F;
  --iq-task-epic-surface: #282230;
  --iq-task-critical-text: #FF9BAE;
  --iq-task-high-text: #FFCF83;
  --iq-task-epic-text: #D5A8EB;
  --iq-task-neutral-surface: #202023;
  --iq-nav-current-bg: #303035;
  --iq-nav-current-ink: #F5F5F7;
  --iq-calendar-item-bg: #2A2A30;
  --iq-calendar-item-hover: #34343C;
  --iq-calendar-complete-bg: #1D302B;
  --iq-calendar-complete-ink: #85D2AD;
  --iq-task-light-critical-core: #FF415C63;
  --iq-task-light-critical-mid: #E22D4722;
  --iq-task-light-critical-rim: #FFAFBA24;
  --iq-task-light-high-core: #FFB34345;
  --iq-task-light-high-mid: #E49B3420;
  --iq-task-light-high-rim: #FFDB9826;
  --iq-task-light-epic-core: #B689F263;
  --iq-task-light-epic-mid: #8859CA24;
  --iq-task-light-epic-rim: #E8CFFF29;
  --iq-task-light-row-strength: 64%;
  --iq-task-light-meta: #C8C8D0;
  --iq-graph-edge: #989DA9;
  --iq-graph-group: #1B1B1F;
  --iq-chart-series-1: #93B9FF;
  --iq-chart-series-2: #D5A0F1;
  --iq-chart-series-3: #58C6A0;
  --iq-chart-series-4: #FFB343;
  --iq-chart-series-5: #FF687E;
  --iq-chart-series-6: #C0C4CF;
  --iq-tag-fill: #363D4C;
  --iq-tag-text: #F4F6FA;
  --iq-graph-node: #202023;
  --iq-graph-node-border: #343438;
  --iq-calendar-adjacent-text: #B1B1B9;
  --iq-wb-canvas: #111214;
  --iq-wb-dot: #2A2C31;
  --iq-wb-frame: #1A1C2070;
  --iq-wb-frame-line: #383C45;
  --iq-wb-sand: #E8D2A4;
  --iq-wb-lavender: #CBC0E5;
  --iq-wb-mint: #B7D8C9;
  --iq-wb-sky: #BFCEE6;
  --iq-wb-rose: #E4BBC8;
  --iq-wb-note-ink: #242129;
  --iq-wb-shape-line: #626974;
  --iq-wb-edge: #8B929E;
  --iq-wb-object-shadow: 0 2px 4px #00000024, 0 10px 22px #0000001F;
  --iq-wb-lasso: #A9BDFF24;
  --iq-wb-backdrop: #00000090;
}







:root,[data-theme="light"]{color-scheme:light;}[data-theme="dark"]{color-scheme:dark;}
:root{--iq-type-display-size:64px;--iq-type-display-weight:500;--iq-type-display-lineHeight:1.04;--iq-type-display-letterSpacing:-0.034em;--iq-type-heading1-size:44px;--iq-type-heading1-weight:500;--iq-type-heading1-lineHeight:1.15;--iq-type-heading1-letterSpacing:-0.032em;--iq-type-heading2-size:32px;--iq-type-heading2-weight:500;--iq-type-heading2-lineHeight:1.16;--iq-type-heading2-letterSpacing:-0.028em;--iq-type-heading3-size:22px;--iq-type-heading3-weight:500;--iq-type-heading3-lineHeight:1.3;--iq-type-heading3-letterSpacing:-0.018em;--iq-type-lead-size:20px;--iq-type-lead-weight:400;--iq-type-lead-lineHeight:1.55;--iq-type-lead-letterSpacing:-0.014em;--iq-type-body-size:16px;--iq-type-body-weight:400;--iq-type-body-lineHeight:1.6;--iq-type-body-letterSpacing:-0.01em;--iq-type-interface-size:14px;--iq-type-interface-weight:400;--iq-type-interface-lineHeight:1.5;--iq-type-interface-letterSpacing:-0.008em;--iq-type-label-size:13px;--iq-type-label-weight:500;--iq-type-label-lineHeight:1.45;--iq-type-label-letterSpacing:0em;--iq-type-caption-size:12px;--iq-type-caption-weight:400;--iq-type-caption-lineHeight:1.5;--iq-type-caption-letterSpacing:0em;}
/* IQUIPAGE 04 · shared components. Opaque surfaces, explicit states, no ornamental shader. */
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;background:var(--iq-canvas);color:var(--iq-ink);font:400 14px/1.5 var(--iq-font);font-optical-sizing:auto;letter-spacing:-.008em;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-underline-offset:4px}button{border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--iq-display);font-weight:500}h1{letter-spacing:-.038em}h2{letter-spacing:-.028em}h3{letter-spacing:-.018em}svg{flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}img,video{display:block;max-width:100%;height:auto}::selection{background:var(--iq-accent-soft);color:var(--iq-ink)}[hidden]{display:none!important}:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--iq-focus);outline-offset:4px}:where(input,textarea):focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--iq-raised);z-index:200}.skip-link:focus{top:12px}.iq-icon{display:inline-block}.iq-mark{width:30px;height:30px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.stack{display:flex;flex-direction:column;gap:20px}.stack.sm{gap:12px}.stack.lg{gap:28px}.grow{flex:1;min-width:0}.full{width:100%}.center{text-align:center}.muted,.subtle{color:var(--iq-muted)}.mono{font-family:var(--iq-mono);font-size:12px;letter-spacing:.01em}.accent-text{color:var(--iq-accent)}.no-wrap{white-space:nowrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.divider{height:1px;background:var(--iq-line);margin:24px 0}.iq-helper{display:block;font-size:12px;line-height:1.5;color:var(--iq-muted);margin-top:8px}.iq-helper.error{color:var(--iq-danger)}.iq-control-label{display:block;font-size:13px;line-height:1.45;font-weight:500;letter-spacing:0;margin-bottom:8px}.iq-control-label:has(+.iq-input-shell input:required)::after{content:" *";color:var(--iq-muted)}
/* Action geometry: 44px default; no size shift across states. */
.iq-btn{--h:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h);min-width:var(--h);max-width:100%;padding:10px 17px;border:1px solid transparent;border-radius:var(--iq-radius-sm);background:transparent;text-decoration:none;font-weight:500;font-size:13px;line-height:1.4;letter-spacing:-.005em;vertical-align:middle;transition:background-color var(--iq-motion-fast),border-color var(--iq-motion-fast),transform var(--iq-motion-fast) var(--iq-ease)}.iq-btn.primary{background:var(--iq-primary);color:var(--iq-on-primary)}.iq-btn.secondary{border-color:var(--iq-control);background:var(--iq-raised)}.iq-btn.accent{background:var(--iq-accent-fill);color:var(--iq-on-accent)}.iq-btn.danger{color:var(--iq-danger);background:var(--iq-danger-bg);border-color:transparent}.iq-btn.white{background:var(--iq-white);color:var(--iq-fixed-1d1d1f)}.iq-btn.ghost{color:var(--iq-ink)}.iq-btn.pill{border-radius:999px;padding-inline:22px}.iq-btn.sm{--h:36px;font-size:12px;padding:7px 12px}.iq-btn.lg{--h:52px;font-size:14px;padding:13px 22px}.iq-btn.icon{width:var(--h);height:var(--h);padding:0;flex-shrink:0}.iq-btn:active:not(:disabled){transform:translateY(1px)}.iq-btn[aria-pressed=true]{color:var(--iq-accent);background:var(--iq-accent-soft);border-color:var(--iq-accent)}.iq-btn:disabled{opacity:.45}.iq-btn[aria-busy=true]{opacity:1;cursor:progress}.iq-link{display:inline-flex;gap:8px;align-items:center;color:var(--iq-accent);font-weight:500;font-size:14px;text-decoration:none}.iq-link:hover{text-decoration:underline}.iq-split{display:inline-flex;align-items:stretch}.iq-split>.iq-btn{border-radius:9px 0 0 9px}.iq-split iq-menu>.iq-btn{border-radius:0 9px 9px 0;border-left-color:var(--iq-fixed-ffffff40)}.iq-btn-group{display:inline-flex;flex-wrap:wrap;border:1px solid var(--iq-line);border-radius:10px;padding:3px;gap:2px;background:var(--iq-raised)}
@media(hover:hover){.iq-btn.primary:hover{background:color-mix(in srgb,var(--iq-primary) 85%,var(--iq-on-primary))}.iq-btn.secondary:hover,.iq-btn.ghost:hover{background:var(--iq-surface)}.iq-btn.accent:hover{background:var(--iq-accent-hover-fill)}.iq-btn.danger:hover{border-color:var(--iq-danger)}.iq-btn.white:hover{background:var(--iq-fixed-eceef1)}}
/* Native editing is retained for IME, selection, password managers and screen readers. */
.iq-field{min-width:0}.iq-input-shell,.iq-combo-shell{display:flex;align-items:center;gap:10px;border:1px solid var(--iq-control);border-radius:9px;padding:0 13px;background:var(--iq-raised);min-height:44px;position:relative;transition:border-color .12s,box-shadow .12s}.iq-input-shell>svg,.iq-combo-shell>svg{color:var(--iq-muted)}.iq-input-shell input,.iq-input-shell textarea,.iq-combo-input{display:block;width:100%;min-width:0;border:0;background:transparent;outline:none;padding:11px 0;font-size:14px;line-height:20px;letter-spacing:0}.iq-input-shell textarea{min-height:116px;resize:vertical;line-height:1.6}.iq-input-shell:focus-within,.iq-combo-shell:focus-within{border-color:var(--iq-focus);box-shadow:0 0 0 3px var(--iq-accent-soft)}.iq-input-shell input::placeholder,.iq-input-shell textarea::placeholder,.iq-combo-input::placeholder{color:var(--iq-subtle);opacity:1}.iq-input-shell .iq-btn{margin-right:-8px}.iq-field.error .iq-input-shell,.iq-input-shell:has([aria-invalid=true]){border-color:var(--iq-danger)}.iq-field.success .iq-input-shell{border-color:var(--iq-success)}.iq-input-shell:has(:disabled){background:var(--iq-surface);opacity:.65}.iq-input-shell:has([readonly]){background:var(--iq-surface)}.iq-field-foot{display:flex;justify-content:space-between;gap:16px}.iq-input-prefix,.iq-input-suffix{white-space:nowrap;color:var(--iq-muted);font-size:13px}.iq-search-small{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--iq-line);border-radius:8px}.iq-search-small input{background:none;border:0;outline:none;min-width:0;width:100%}
.iq-check,.iq-radio,.iq-switch{display:inline-flex;align-items:center;gap:11px;position:relative;cursor:pointer;line-height:1.45;min-height:32px;font-size:14px}.iq-check input,.iq-radio input,.iq-switch input{position:absolute;opacity:0;width:24px;height:24px;margin:0;left:0;top:50%;transform:translateY(-50%)}.iq-check-box,.iq-radio-dot{width:19px;height:19px;border:1px solid var(--iq-control);background:var(--iq-raised);display:grid;place-items:center;flex-shrink:0;transition:background .12s,border-color .12s}.iq-check-box{border-radius:5px}.iq-check-box svg{opacity:0}.iq-check input:checked+.iq-check-box{background:var(--iq-primary);border-color:var(--iq-primary);color:var(--iq-on-primary)}.iq-check input:checked+.iq-check-box svg{opacity:1}.iq-check input:indeterminate+.iq-check-box{background:var(--iq-primary);border-color:var(--iq-primary)}.iq-check input:indeterminate+.iq-check-box::after{content:"";position:absolute;width:9px;height:2px;background:var(--iq-on-primary)}.iq-radio-dot{border-radius:50%}.iq-radio input:checked+.iq-radio-dot{border:5px solid var(--iq-primary)}.iq-check input:focus-visible+.iq-check-box,.iq-radio input:focus-visible+.iq-radio-dot,.iq-switch input:focus-visible+.iq-switch-track{outline:2px solid var(--iq-focus);outline-offset:4px}.iq-check:has(:disabled),.iq-radio:has(:disabled),.iq-switch:has(:disabled){opacity:.45;cursor:not-allowed}.iq-switch-track{width:40px;height:24px;border-radius:20px;background:var(--iq-control);position:relative;transition:background .18s;flex-shrink:0}.iq-switch-track::before{content:"";position:absolute;width:18px;height:18px;background:var(--iq-white);border-radius:50%;left:3px;top:3px;box-shadow:0 1px 2px var(--iq-fixed-00000022);transition:transform .18s var(--iq-ease)}.iq-switch input:checked+.iq-switch-track{background:var(--iq-accent-fill)}.iq-switch input:checked+.iq-switch-track::before{transform:translateX(16px)}.iq-setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--iq-line)}.iq-setting-row b{font-weight:500;font-size:14px}.iq-setting-row p{font-size:12px;color:var(--iq-muted);margin-top:3px}.iq-segmented{display:inline-flex;position:relative;gap:3px;padding:3px;background:var(--iq-recessed);border-radius:9px;max-width:100%;flex-wrap:wrap}.iq-segmented button{padding:8px 14px;min-height:34px;border-radius:6px;background:transparent;color:var(--iq-muted);font-size:13px;font-weight:500}.iq-segmented button[aria-pressed=true]{background:var(--iq-raised);color:var(--iq-ink);box-shadow:0 1px 3px var(--iq-fixed-00000012)}
/* Popovers are native top-layer surfaces, not clipped by card overflow. */
iq-select,iq-combobox,iq-number,iq-range,iq-calendar,iq-tags,iq-upload,iq-tabs{display:block;min-width:0}iq-menu,iq-tooltip{display:inline-block}.iq-select-wrap{position:relative}.iq-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--iq-control);border-radius:9px;background:var(--iq-raised);font-size:14px;text-align:left}.iq-select-value{display:flex;align-items:center;gap:9px;min-width:0}.iq-select-value svg{color:var(--iq-muted)}.iq-select-trigger[aria-expanded=true]{border-color:var(--iq-focus)}.iq-select-trigger:disabled{opacity:.45}.compact-select>.iq-control-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.compact-select .iq-select-trigger{min-height:36px;padding:7px 11px;font-size:12px;border-color:var(--iq-line);background:transparent}.iq-popup{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid var(--iq-line);border-radius:12px;background:var(--iq-raised);color:var(--iq-ink);box-shadow:var(--iq-shadow-2);max-width:calc(100vw - 16px);overflow:auto;z-index:100}.iq-popup-caption{padding:7px 10px 9px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--iq-muted)}.iq-option{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 10px;border-radius:7px;cursor:pointer;font-size:13px}.iq-option-copy{flex:1;min-width:0}.iq-option-icon{flex:0 0 20px}.iq-option small{display:block;font-size:12px;color:var(--iq-muted);margin-top:3px}.iq-option>svg:last-child{margin-left:auto;color:var(--iq-accent)}.iq-option.is-active{background:var(--iq-surface);outline:1px solid var(--iq-control);outline-offset:-1px}.iq-option[aria-selected=true]{color:var(--iq-accent)}.iq-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.iq-option-icon{color:var(--iq-muted)}.iq-no-results{padding:18px 10px;color:var(--iq-muted);font-size:13px}.iq-menu-popup{min-width:224px}.iq-menu-popup button{display:flex;align-items:center;gap:10px;background:transparent;border-radius:6px;padding:10px;min-height:40px;width:100%;text-align:left;font-size:13px}.iq-menu-popup button:hover,.iq-menu-popup button:focus-visible{background:var(--iq-surface)}.iq-menu-popup button span{flex:1}.iq-menu-popup kbd{color:var(--iq-muted);font:11px var(--iq-mono)}.iq-menu-popup .danger{color:var(--iq-danger)}.iq-tooltip{position:fixed;inset:auto;margin:0;padding:7px 10px;background:var(--iq-ink);color:var(--iq-canvas);border:0;border-radius:6px;font-size:12px;max-width:260px;box-shadow:var(--iq-shadow-1);pointer-events:none;z-index:130}
.iq-number{display:flex;align-items:center;border:1px solid var(--iq-control);border-radius:9px;max-width:232px;background:var(--iq-raised);overflow:hidden}.iq-number button{display:grid;place-items:center;min-width:44px;height:44px;background:transparent}.iq-number button:disabled{opacity:.35}.iq-number input{width:100%;min-width:0;text-align:center;border:0;background:none;appearance:textfield;outline:0;font-variant-numeric:tabular-nums}.iq-number input::-webkit-inner-spin-button{appearance:none}.iq-range-heading{display:flex;justify-content:space-between;gap:16px}.iq-range-heading output{font-variant-numeric:tabular-nums;font-size:13px}.iq-range-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--iq-muted);margin-top:4px}iq-range input[type=range]{appearance:none;width:100%;height:5px;border-radius:8px;background:linear-gradient(90deg,var(--iq-accent) var(--range-fill,50%),var(--iq-line) var(--range-fill,50%));margin:14px 0 10px}iq-range input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:1px solid var(--iq-control);border-radius:50%;background:var(--iq-raised);box-shadow:0 1px 3px var(--iq-fixed-00000022)}iq-range input[type=range]::-moz-range-thumb{width:18px;height:18px;border:1px solid var(--iq-control);border-radius:50%;background:var(--iq-raised)}.iq-calendar{max-width:340px;width:100%;border:1px solid var(--iq-line);border-radius:14px;background:var(--iq-raised);padding:18px}.iq-calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.iq-calendar-heading strong,.iq-calendar-heading b{font-weight:500}.iq-calendar-heading button{background:none}.iq-calendar-week,.iq-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.iq-calendar-week span{text-align:center;font-size:11px;color:var(--iq-muted);padding:8px 0}.iq-calendar-grid button{height:36px;min-width:0;background:transparent;border-radius:7px;font-size:13px;font-variant-numeric:tabular-nums}.iq-calendar-grid button:hover{background:var(--iq-surface)}.iq-calendar-grid .selected,.iq-calendar-grid [aria-selected=true]{background:var(--iq-primary);color:var(--iq-on-primary)}.iq-calendar-grid .outside{color:var(--iq-muted);opacity:.6}.iq-calendar-grid .today{box-shadow:inset 0 0 0 1px var(--iq-control)}.iq-calendar-foot{border-top:1px solid var(--iq-line);margin-top:12px;padding-top:12px;font-size:12px;color:var(--iq-muted)}.iq-tags-input{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border:1px solid var(--iq-control);border-radius:9px;background:var(--iq-raised);padding:7px;min-height:44px}.iq-tags-input input{flex:1;width:110px;min-width:80px;padding:4px;border:0;outline:0;background:none}.iq-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;background:var(--iq-surface);border:1px solid var(--iq-line);border-radius:5px;font-size:12px}.iq-tag button{background:none;padding:1px;display:grid;place-items:center}
/* Information hierarchy lives in content, not in repeated filled containers. */
.iq-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid transparent;border-radius:5px;font-size:11px;font-weight:500;line-height:1.45;white-space:nowrap;background:var(--iq-surface);color:var(--iq-muted)}.iq-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}.iq-badge.success{color:var(--iq-success);background:var(--iq-success-bg)}.iq-badge.warning{color:var(--iq-warning);background:var(--iq-warning-bg)}.iq-badge.danger{color:var(--iq-danger);background:var(--iq-danger-bg)}.iq-badge.info{color:var(--iq-info);background:var(--iq-info-bg)}.iq-badge.outline{border-color:var(--iq-line);background:transparent}.iq-avatar{display:inline-grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;font-size:10px;font-weight:500;background:var(--iq-recessed);color:var(--iq-ink);border:2px solid var(--iq-raised)}.iq-avatar.v1{background:var(--iq-avatar-blue-bg);color:var(--iq-avatar-blue-ink)}.iq-avatar.v2{background:var(--iq-avatar-sand-bg);color:var(--iq-avatar-sand-ink)}.iq-avatar.v3{background:var(--iq-avatar-sage-bg);color:var(--iq-avatar-sage-ink)}.iq-avatar.v4{background:var(--iq-avatar-lilac-bg);color:var(--iq-avatar-lilac-ink)}.iq-avatar.lg{width:44px;height:44px;font-size:13px}.iq-avatars{display:flex;padding-left:5px}.iq-avatars .iq-avatar{margin-left:-5px}.iq-avatar.more{background:var(--iq-surface);color:var(--iq-muted)}.iq-progress{height:4px;overflow:hidden;border-radius:2px;background:var(--iq-line);width:100%}.iq-progress span{display:block;background:var(--iq-accent);width:var(--progress,0%);height:100%;transition:width .24s var(--iq-ease)}.iq-ring{position:relative;display:inline-grid;place-items:center}.iq-ring strong{position:absolute;font-size:22px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.iq-ring-track{stroke:var(--iq-line)}.iq-ring-fill{stroke:var(--iq-accent);transform:rotate(-90deg);transform-origin:center;stroke-linecap:round;transition:stroke-dashoffset .25s}.iq-sparkline{width:100%;height:auto;color:var(--iq-accent);overflow:visible}.iq-chart{width:100%;color:var(--iq-accent);overflow:visible}.iq-chart text{fill:var(--iq-muted);font:12px var(--iq-font)}.iq-chart-grid{stroke:var(--iq-line);stroke-width:1;fill:none}.iq-metric{padding:24px;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:12px}.iq-metric b{font-size:36px;font-weight:500;letter-spacing:-.04em}.iq-table-wrap{overflow:auto;width:100%;border:1px solid var(--iq-line);border-radius:10px}.iq-table{width:100%;border-collapse:collapse;font-size:13px}.iq-table th{text-align:left;font-size:12px;color:var(--iq-muted);font-weight:500;background:var(--iq-surface)}.iq-table th,.iq-table td{padding:14px 16px;border-bottom:1px solid var(--iq-line);vertical-align:middle}.iq-table th button{display:flex;align-items:center;gap:6px;background:none;padding:0;color:inherit}.iq-table tr:last-child td{border-bottom:0}.iq-table th:first-child,.iq-table td:first-child{padding-left:20px}.iq-list{border-top:1px solid var(--iq-line)}.iq-list-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--iq-line)}.iq-list-item>div{flex:1}.iq-list-item b{font-weight:500}.iq-list-item small{display:block;color:var(--iq-muted);font-size:12px}.iq-timeline{list-style:none;padding:0;margin:0}.iq-timeline li{position:relative;padding:0 0 25px 26px;border-left:1px solid var(--iq-line);margin-left:5px}.iq-timeline li::before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--iq-control)}.iq-timeline li:last-child{border:0;padding-bottom:0}.iq-timeline b{font-size:13px;font-weight:500}.iq-timeline p,.iq-timeline small{font-size:12px;color:var(--iq-muted)}.iq-tree details{margin-left:12px}.iq-tree summary,.iq-tree-file{display:flex;align-items:center;gap:8px;padding:8px;font-size:13px;cursor:pointer}.iq-tree-file{margin-left:24px}.iq-card{padding:24px;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:12px}.iq-card-head,.iq-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.iq-card h3{font-size:20px}.iq-card p{margin:12px 0 22px}.iq-card-foot{font-size:12px;color:var(--iq-muted)}
.iq-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:9px;background:var(--iq-surface);border:1px solid var(--iq-line)}.iq-alert>svg{margin-top:1px}.iq-alert b{display:block;font-weight:500;font-size:13px}.iq-alert p{font-size:12px;line-height:1.6;margin-top:4px;color:var(--iq-muted)}.iq-alert.success{color:var(--iq-success);background:var(--iq-success-bg);border-color:transparent}.iq-alert.warning{color:var(--iq-warning);background:var(--iq-warning-bg);border-color:transparent}.iq-alert.danger{color:var(--iq-danger);background:var(--iq-danger-bg);border-color:transparent}.iq-alert.info{color:var(--iq-info);background:var(--iq-info-bg);border-color:transparent}.iq-inline{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--iq-muted)}.iq-inline.success{color:var(--iq-success)}.iq-inline.danger{color:var(--iq-danger)}.iq-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--iq-line);border-bottom:1px solid var(--iq-line);background:var(--iq-surface)}.iq-banner p{flex:1;font-size:13px}.iq-empty{padding:32px 16px;text-align:center;display:flex;align-items:center;flex-direction:column}.iq-empty-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--iq-muted);margin-bottom:16px}.iq-empty h3{font-size:22px}.iq-empty p{font-size:14px;line-height:1.6;color:var(--iq-muted);max-width:350px;margin:10px 0 22px}.iq-skeleton{background:var(--iq-line);border-radius:4px;animation:iq-breathe 1.6s ease-in-out 3}.iq-spinner{display:inline-block;width:16px;height:16px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:iq-spin .8s linear infinite}.iq-toasts{position:fixed;right:24px;bottom:24px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px);width:390px}.iq-toast{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--iq-line);border-radius:12px;background:var(--iq-raised);color:var(--iq-ink);box-shadow:var(--iq-shadow-2);padding:16px;animation:iq-toast-in .22s var(--iq-ease)}.iq-toast.leaving{opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s}.iq-toast-copy{flex:1;min-width:0}.iq-toast-copy b{font-weight:500;font-size:13px}.iq-toast-copy p{margin-top:4px;font-size:12px;color:var(--iq-muted)}.iq-toast-icon{color:var(--iq-muted)}.tone-success .iq-toast-icon{color:var(--iq-success)}.tone-danger .iq-toast-icon{color:var(--iq-danger)}.iq-toast-action{background:transparent;color:var(--iq-accent);font-size:12px;padding:2px 0}.iq-toast>.iq-btn{margin:-6px -8px 0 0}
/* Overlay owns focus and modality; visual layer is intentionally quiet. */
iq-dialog{display:contents}.iq-dialog{padding:0;border:1px solid var(--iq-line);border-radius:18px;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);background:var(--iq-raised);color:var(--iq-ink);box-shadow:var(--iq-shadow-3);overflow:auto;overscroll-behavior:contain}.iq-dialog::backdrop{background:var(--iq-fixed-11151d66)}.iq-dialog-inner{padding:30px}.iq-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.iq-dialog-head h2{font-size:28px;line-height:1.2;letter-spacing:-.03em}.iq-dialog-head p{font-size:14px;color:var(--iq-muted);line-height:1.6;margin-top:10px}.iq-dialog-head>.iq-btn{margin:-6px -6px 0 0}.iq-dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--iq-line);flex-wrap:wrap}.iq-dialog-brand{display:none}.iq-drawer{height:100dvh;max-height:100dvh;width:min(680px,100vw);margin:0 0 0 auto;border-radius:0;border-width:0 0 0 1px;max-width:100vw}.iq-drawer .iq-dialog-inner{padding:32px 40px}.iq-accordion{border-bottom:1px solid var(--iq-line)}.iq-accordion summary{list-style:none;padding:18px 0;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px;font-weight:500}.iq-accordion summary::-webkit-details-marker{display:none}.iq-accordion[open] summary svg{transform:rotate(45deg)}.iq-accordion>div{font-size:14px;line-height:1.7;color:var(--iq-muted);padding:0 0 20px;max-width:60ch}.iq-tabs-list{display:flex;gap:24px;border-bottom:1px solid var(--iq-line);overflow:auto;scrollbar-width:thin}.iq-tabs-list button{background:transparent;color:var(--iq-muted);padding:12px 0;white-space:nowrap;border-bottom:2px solid transparent;font-size:13px;margin-bottom:-1px}.iq-tabs-list button[aria-selected=true]{color:var(--iq-ink);border-color:var(--iq-ink)}.iq-tab-panel{padding:24px 0}.iq-breadcrumb{display:flex;align-items:center;gap:9px;color:var(--iq-muted);font-size:12px;flex-wrap:wrap}.iq-breadcrumb a{text-decoration:none}.iq-breadcrumb a:hover{text-decoration:underline}.iq-pagination{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.iq-pagination button{min-width:36px;min-height:36px;border-radius:6px;background:none;border:1px solid transparent}.iq-pagination button[aria-current=page]{border-color:var(--iq-line);background:var(--iq-raised);font-weight:600}.iq-side-nav{display:flex;flex-direction:column;gap:4px}.iq-side-nav a,.iq-side-nav button{display:flex;align-items:center;gap:10px;background:none;padding:10px 12px;border-radius:7px;text-decoration:none;font-size:13px;color:var(--iq-muted);text-align:left}.iq-side-nav .active{background:var(--iq-surface);color:var(--iq-ink)}.iq-side-nav .count{margin-left:auto}.iq-stepper{display:flex;list-style:none;padding:0;margin:0;gap:18px}.iq-stepper li{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--iq-muted);flex:1}.iq-step-index{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--iq-control);border-radius:50%;flex-shrink:0}.iq-stepper .current{color:var(--iq-ink)}.iq-stepper .current .iq-step-index,.iq-stepper .done .iq-step-index{background:var(--iq-primary);color:var(--iq-on-primary);border-color:var(--iq-primary)}
/* File previews never inject the uploaded file into HTML or SVG. */
.iq-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;border:1px dashed var(--iq-control);border-radius:12px;background:var(--iq-raised);min-height:230px}.iq-dropzone.dragover{border-style:solid;border-color:var(--iq-focus);background:var(--iq-accent-soft)}.iq-dropzone h3,.iq-dropzone b{font-size:16px;font-weight:500}.iq-dropzone p{font-size:12px;color:var(--iq-muted);margin:8px 0 18px}.iq-upload-art{width:58px;height:62px;position:relative;margin-bottom:16px;color:var(--iq-muted)}.iq-upload-sheet{position:absolute;inset:8px 13px;border:1px solid var(--iq-control);border-radius:5px;background:var(--iq-raised);display:grid;place-items:center}.iq-upload-sheet:nth-child(1){transform:translate(-4px,-3px) rotate(-8deg)}.iq-upload-circle{position:absolute;bottom:0;right:0;width:23px;height:23px;border-radius:50%;background:var(--iq-primary);color:var(--iq-on-primary);display:grid;place-items:center}.iq-file-native{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.iq-upload-list{margin-top:16px}.iq-file-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--iq-line);min-width:0}.iq-file-item>div{min-width:0;flex:1}.iq-file-item b{display:block;font-weight:500;font-size:13px;overflow-wrap:anywhere}.iq-file-item small{display:block;font-size:12px;color:var(--iq-muted);margin-top:4px}.iq-file-icon{width:36px;height:40px;border:1px solid var(--iq-line);border-radius:5px;display:grid;place-items:center;color:var(--iq-muted)}.iq-file-check{color:var(--iq-success)}
@keyframes iq-spin{to{transform:rotate(360deg)}}@keyframes iq-breathe{50%{opacity:.5}}@keyframes iq-toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.iq-btn{white-space:normal}.iq-dialog-inner{padding:24px}.iq-drawer .iq-dialog-inner{padding:24px}.iq-toasts{right:16px;bottom:16px}.iq-stepper{gap:10px;flex-wrap:wrap}input,textarea,select,.iq-input-shell input,.iq-input-shell textarea,.iq-combo-input{font-size:16px}.iq-popup{max-width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}[data-motion=reduced] *,[data-motion=reduced] *::before,[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(forced-colors:active){.iq-btn,.iq-check-box,.iq-radio-dot,.iq-switch-track,.iq-input-shell,.iq-select-trigger{border:1px solid ButtonText}.iq-switch input:checked+.iq-switch-track,.iq-check input:checked+.iq-check-box,.iq-radio input:checked+.iq-radio-dot{background:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}.iq-switch-track::before{background:Canvas;forced-color-adjust:none}.iq-progress span{background:Highlight;forced-color-adjust:none}.iq-btn.primary,.iq-btn.accent{background:ButtonFace;color:ButtonText}.iq-segmented button[aria-pressed=true]{outline:2px solid Highlight}.iq-dialog::backdrop{background:Canvas;opacity:.7}}
/* Nested calendar rows preserve the ARIA grid hierarchy. */
iq-calendar{max-width:340px;width:100%;border:1px solid var(--iq-line);border-radius:14px;background:var(--iq-raised);padding:18px}.iq-calendar-grid{display:block}.iq-calendar-grid>[role=row]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-bottom:3px}.iq-calendar-grid [role=gridcell]{display:block;min-width:0}.iq-calendar-grid button{width:100%}.iq-calendar-grid [role=gridcell][aria-selected=true]{background:none;color:inherit}.iq-tooltip{pointer-events:auto}.iq-dropzone .iq-btn:has(input:focus-visible){outline:2px solid var(--iq-focus);outline-offset:4px}.iq-dropzone>small{font-size:11px;color:var(--iq-muted)}

/* IQUIPAGE 04 / composition. 12-column desktop foundation; no visible design grid. */
.page-shell{width:min(calc(100% - var(--iq-grid-margin)*2),var(--iq-grid-max));margin:0 auto}.site-header{position:sticky;top:0;z-index:30;background:var(--iq-canvas);border-bottom:1px solid var(--iq-line)}.site-header-inner{width:min(calc(100% - var(--iq-grid-margin)*2),var(--iq-grid-max));min-height:76px;margin:auto;display:flex;align-items:center;gap:36px}.site-brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.site-brand>.iq-mark{width:26px;height:25px}.site-brand>span{font-size:15px;font-weight:600;letter-spacing:.025em}.site-brand small{font-size:12px;color:var(--iq-muted);padding-left:14px;margin-left:5px;border-left:1px solid var(--iq-line)}.site-nav{display:flex;gap:27px;align-self:stretch;margin-left:auto}.site-nav a{position:relative;display:flex;align-items:center;color:var(--iq-muted);font-size:13px;text-decoration:none;white-space:nowrap}.site-nav a[aria-current=page]{color:var(--iq-ink)}.site-nav a[aria-current=page]::after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--iq-ink)}.site-nav a:hover{color:var(--iq-ink)}.header-actions{display:flex;align-items:center;gap:12px}.search-trigger{display:flex;align-items:center;gap:9px;background:transparent;padding:8px 0;font-size:12px;color:var(--iq-muted)}.search-trigger kbd{font-family:var(--iq-mono);font-size:10px;background:var(--iq-surface);padding:3px 5px;border-radius:4px}.theme-switch{--h:34px}.mobile-menu{display:none}.site-footer{width:min(calc(100% - var(--iq-grid-margin)*2),var(--iq-grid-max));margin:72px auto 0;padding:26px 0 34px;border-top:1px solid var(--iq-line);display:flex;align-items:center;gap:32px;font-size:12px;color:var(--iq-muted)}.site-footer>a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--iq-ink);font-weight:600;font-size:12px;letter-spacing:.02em}.site-footer .iq-mark{width:20px;height:20px}.site-footer>span{margin-left:auto}.sample-overline{display:block;font-size:10px;font-weight:500;letter-spacing:.13em;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.06em;color:var(--iq-muted)}.home-intro{padding:36px 0 46px}.home-meta{display:flex;justify-content:space-between;gap:24px;align-items:center;color:var(--iq-muted);margin-bottom:32px}.home-meta>span:last-child{font-size:11px}.home-head{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:end}.home-head h1{font-size:clamp(46px,5.3vw,76px);line-height:1.04;letter-spacing:-.034em;font-weight:500}.home-lead{padding:0 0 3px 10px}.home-lead p{font-size:18px;line-height:1.55;color:var(--iq-muted);letter-spacing:-.015em;margin:0 0 22px}.home-feature{display:grid;grid-template-columns:5fr 7fr;min-height:466px;border-radius:18px;overflow:hidden;background:var(--iq-surface)}.feature-editorial{display:flex;flex-direction:column;background:var(--iq-fixed-17242e);color:var(--iq-fixed-f7f9fb);padding:40px;position:relative;overflow:hidden}.feature-editorial .sample-overline{font-size:9px;color:var(--iq-fixed-c1ced8);letter-spacing:.09em}.feature-editorial h2{font-size:clamp(26px,2.7vw,38px);line-height:1.16;letter-spacing:-.035em;margin:33px 0 20px}.feature-editorial h2>span{color:var(--iq-fixed-b9ccdb)}.feature-editorial p{font-size:13px;line-height:1.7;color:var(--iq-fixed-c5d1db)}.text-action{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;font-weight:500}.text-action:hover{text-decoration:underline}.feature-editorial>.text-action{margin-top:auto;padding-top:34px;align-self:flex-start}.editorial-index{display:flex;align-items:center;gap:5px;color:var(--iq-fixed-aabbc8);font-size:10px;margin-top:32px}.editorial-index>span{width:22px;height:2px;background:var(--iq-fixed-526979)}.editorial-index>span:first-child{background:var(--iq-fixed-cbdce9)}.editorial-index>i{font:10px var(--iq-mono);margin-left:auto}.document-stage{display:flex;align-items:center;justify-content:center;padding:35px 38px;background:var(--iq-surface)}.proof-document{width:100%;max-width:570px;background:var(--iq-raised);border:1px solid var(--iq-line);box-shadow:0 12px 30px var(--iq-fixed-00000008);border-radius:10px;overflow:hidden}.proof-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 24px;border-bottom:1px solid var(--iq-line);color:var(--iq-muted);font-size:11px}.proof-bar span:first-child{display:flex;align-items:center;gap:7px}.proof-bar span:last-child{font-family:var(--iq-mono);font-size:10px}.proof-copy{padding:27px 30px 23px}.proof-tag{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--iq-muted);margin-bottom:15px}.proof-copy h2{font-size:27px;line-height:1.16;letter-spacing:-.035em}.proof-copy>p{font-size:13px;line-height:1.7;color:var(--iq-muted);margin:14px 0 22px}.proof-checks{display:flex;flex-direction:column;gap:11px;font-size:12px}.proof-checks span{display:flex;gap:9px;align-items:center}.proof-checks svg{color:var(--iq-success)}.proof-checks .pending{color:var(--iq-muted)}.proof-checks .pending svg{color:var(--iq-control)}.proof-bottom{border-top:1px solid var(--iq-line);margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.proof-bottom>div{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--iq-muted)}.proof-bottom .iq-avatars .iq-avatar{width:24px;height:24px;font-size:8px}.proof-bottom>.iq-btn{font-size:11px}.home-caption{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--iq-muted);margin:13px 0 0}.home-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:64px 0 60px;border-bottom:1px solid var(--iq-line)}.home-paths>a{position:relative;text-decoration:none;padding:0 20px 0 0;display:block}.home-paths>a>span{font-size:10px;color:var(--iq-muted);letter-spacing:.07em}.home-paths h2{font-size:24px;line-height:1.2;letter-spacing:-.032em;margin:16px 0 12px}.home-paths p{color:var(--iq-muted);font-size:14px;line-height:1.65}.home-paths>a>svg{position:absolute;right:0;top:0;transition:transform .15s}.home-paths>a:hover>svg{transform:translateX(4px)}.type-statement{padding:70px 0 15px;display:grid;grid-template-columns:1fr 2fr;gap:24px}.type-statement>span{font-size:10px;letter-spacing:.09em;padding-top:10px;color:var(--iq-muted)}.type-statement>p{font:500 clamp(25px,2.9vw,40px)/1.2 var(--iq-display);letter-spacing:-.035em}.type-statement em{font-style:normal;color:var(--iq-muted)}.type-statement>a{grid-column:2;justify-self:start}
/* Catalog: one entry, four clear documentation tabs; no parallel control panels. */
.library-shell{width:min(calc(100% - var(--iq-grid-margin)*2),var(--iq-grid-max));margin:0 auto;display:grid;grid-template-columns:218px minmax(0,1fr);gap:56px;align-items:start}.catalog-nav{position:sticky;top:77px;max-height:calc(100dvh - 78px);overflow:auto;padding:35px 20px 24px 0;border-right:1px solid var(--iq-line);scrollbar-width:thin}.catalog-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;margin-bottom:20px}.catalog-heading a{text-decoration:none}.catalog-heading>span{font:11px var(--iq-mono);color:var(--iq-muted)}.catalog-search{display:flex;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid var(--iq-control);color:var(--iq-muted);margin-bottom:24px}.catalog-search input{font-size:12px;width:100%;min-width:0;background:transparent;border:0;outline:0}.catalog-search:focus-within{border-color:var(--iq-focus)}.catalog-group{margin-bottom:10px}.catalog-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;min-height:32px;padding:4px 0}.catalog-group>summary::-webkit-details-marker{display:none}.catalog-group>summary>span{font-size:10px;color:var(--iq-muted);margin-left:auto;font-weight:400}.catalog-group>summary>svg{color:var(--iq-muted)}.catalog-group[open]>summary>svg{transform:rotate(180deg)}.catalog-group>div{padding:5px 0 7px}.catalog-group a{display:block;text-decoration:none;font-size:12px;line-height:1.45;padding:8px 10px;margin:1px 0;color:var(--iq-muted);border-radius:6px}.catalog-group a:hover{color:var(--iq-ink);background:var(--iq-surface)}.catalog-group a[aria-current=page]{color:var(--iq-ink);background:var(--iq-surface);font-weight:500}.catalog-help{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--iq-muted);font-size:11px;padding-top:18px;margin-top:20px;border-top:1px solid var(--iq-line)}.catalog-empty{font-size:12px;color:var(--iq-muted);line-height:1.6;padding:12px 0}.catalog-toggle{display:none}.component-page{padding:34px 0 50px;min-width:0}.component-breadcrumb{font-size:11px;color:var(--iq-muted);display:flex;gap:10px;margin-bottom:27px}.component-breadcrumb span{color:var(--iq-control)}.component-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:30px}.component-heading h1{font-size:44px;line-height:1.15;font-weight:500;letter-spacing:-.032em}.component-heading p{font-size:15px;color:var(--iq-muted);line-height:1.6;max-width:57ch;margin-top:13px}.component-canonical{font-size:11px;color:var(--iq-muted);border:1px solid var(--iq-line);padding:5px 9px;border-radius:5px;white-space:nowrap;margin-top:8px}.component-specimen .iq-tab-panel{padding:22px 0 0}.component-specimen .iq-tabs-list{gap:26px}.component-specimen .iq-tabs-list button{font-size:13px;padding-bottom:14px}.specimen-surface{background:var(--iq-surface);border-radius:12px;padding:44px;min-height:322px;display:flex;flex-direction:column;justify-content:center;gap:18px}.specimen-surface>iq-calendar{align-self:center;width:100%}.specimen-surface>.stack{width:100%}.specimen-surface>iq-select,.specimen-surface>iq-combobox{max-width:440px}.specimen-surface>.row{max-width:100%}.specimen-dark{padding:0;overflow:hidden}.button-context{max-width:490px;margin:0 auto;width:100%;padding:5px 0}.button-context>.sample-overline{color:var(--iq-muted);font-size:9px}.button-context h3{font-size:27px;line-height:1.18;margin:22px 0 12px;letter-spacing:-.028em}.button-context p{font-size:14px;line-height:1.6;color:var(--iq-muted);margin-bottom:26px;max-width:390px}.preview-options{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}.preview-options>span{color:var(--iq-muted);font-size:11px}.preview-options>span:nth-of-type(2){margin-left:auto}.preview-options .iq-segmented{background:transparent;border:1px solid var(--iq-line);padding:2px}.preview-options .iq-segmented button{padding:6px 11px;min-height:30px;font-size:11px}.preview-options .iq-segmented button[aria-pressed=true]{box-shadow:none;background:var(--iq-surface)}.preview-hint{font-size:11px;color:var(--iq-muted);margin-top:14px}.component-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding-top:30px;margin-top:30px;border-top:1px solid var(--iq-line)}.component-bottom span{font-size:9px;letter-spacing:.09em;color:var(--iq-muted)}.component-bottom p{font-size:13px;line-height:1.7;color:var(--iq-muted);margin-top:10px}.related-components{margin-top:32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px}.related-components>span{color:var(--iq-muted)}.related-components a{display:flex;align-items:center;gap:8px;text-decoration:none}.related-components a:hover{text-decoration:underline}.spec-note{font-size:12px;line-height:1.65;color:var(--iq-muted);margin:18px 0}.state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--iq-line);border-radius:10px;overflow:hidden;gap:1px;background:var(--iq-line)}.state-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--iq-raised);min-height:146px;padding:24px 14px}.state-grid>div>span{font-size:11px;color:var(--iq-muted)}.visual-focus{outline:2px solid var(--iq-focus);outline-offset:4px}.field-states-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px;background:var(--iq-surface);border-radius:10px}.contract-grid{display:grid;gap:26px;padding:28px;background:var(--iq-surface);border-radius:12px}.contract-grid h3{font-size:18px;margin-bottom:10px}.contract-grid p{font-size:14px;color:var(--iq-muted);line-height:1.7;max-width:66ch}.spec-docs{max-width:68ch;padding:12px 0}.spec-docs h3{font-size:20px;margin:0 0 12px}.spec-docs p{font-size:15px;line-height:1.7;color:var(--iq-muted);margin-bottom:32px}.code-head{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:var(--iq-muted);margin-bottom:16px}.source-code{margin:0;background:var(--iq-surface);color:var(--iq-ink);padding:24px;border-radius:9px;overflow:auto;font:12px/1.7 var(--iq-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.field-context{max-width:460px;display:flex;flex-direction:column;gap:26px;margin:0 auto;width:100%}.preference-sample{max-width:460px;margin:auto;width:100%}.preference-head{margin-bottom:18px}.preference-head>svg{color:var(--iq-muted);margin-bottom:18px}.preference-head h3{font-size:26px;margin-bottom:10px}.preference-head>p{font-size:14px;line-height:1.65;color:var(--iq-muted);max-width:350px}.feature-sample{position:relative;padding:36px 40px;background:var(--iq-fixed-17242e);color:var(--iq-fixed-f8fafc);overflow:hidden}.feature-sample>.sample-overline{color:var(--iq-fixed-becdd8)}.feature-sample h3{font-size:34px;line-height:1.16;letter-spacing:-.035em;margin:24px 0 18px}.feature-sample p{font-size:14px;line-height:1.6;max-width:350px;color:var(--iq-fixed-cad5df)}.feature-sample>.text-action{margin-top:32px}.feature-lines{position:absolute;right:45px;bottom:38px;display:flex;gap:5px;align-items:flex-end;pointer-events:none}.feature-lines span{height:38px;width:3px;background:var(--iq-fixed-748c9e)}.feature-lines span:nth-child(2){height:58px}.feature-lines span:nth-child(3){height:82px;background:var(--iq-fixed-c8d7e1)}.context-layer{width:100%;max-width:430px;margin:auto;display:flex;flex-direction:column;gap:20px}.context-record{padding:26px;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:9px;display:flex;flex-direction:column;gap:10px}.context-record>span{font-size:11px;color:var(--iq-muted)}.context-record>b{font-size:23px;font-weight:500;letter-spacing:-.02em}.context-record>small{color:var(--iq-muted)}.context-status{padding:18px;display:flex;gap:12px;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:9px}.context-status>svg{color:var(--iq-success)}.context-status b{font-size:13px;font-weight:500}.context-status p{font-size:12px;color:var(--iq-muted);margin-top:5px;line-height:1.6}.copy-example{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--iq-line);background:var(--iq-raised);border-radius:9px;padding:10px 12px}.copy-example code{font:13px var(--iq-mono)}.dialog-preview{max-width:430px;width:100%;margin:auto}.dialog-preview>.sample-overline{color:var(--iq-muted)}.dialog-preview h3{font-size:28px;margin:22px 0 12px}.dialog-preview p{font-size:14px;color:var(--iq-muted);line-height:1.7;margin-bottom:24px}.sample-appbar{display:flex;align-items:center;gap:24px;background:var(--iq-raised);border:1px solid var(--iq-line);padding:12px 20px;border-radius:9px}.sample-appbar>b{font-weight:500}.sample-appbar>nav{display:flex;gap:18px;margin-left:auto}.sample-appbar a{text-decoration:none;font-size:12px;color:var(--iq-muted)}.layout-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.layout-demo>*{padding:16px;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:4px;text-align:center;font:12px var(--iq-mono);color:var(--iq-muted)}.layout-span{grid-column:1/-1}.demo-search-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.demo-search-results>span{font-size:12px;padding:6px 10px;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:5px}.demo-progress-value{font-size:22px;letter-spacing:-.02em}.demo-skeleton-card{border:1px solid var(--iq-line);padding:24px;border-radius:12px;background:var(--iq-raised)}.preview-nav{display:flex;align-items:center;gap:24px}.preview-nav button{background:none;font-size:13px;color:var(--iq-muted)}.preview-nav .active{color:var(--iq-ink)}
/* Examples are complete situations, not miniature marketing screenshots. */
.example-nav{display:flex;gap:26px;align-items:center;border-bottom:1px solid var(--iq-line);padding:19px 0;font-size:12px}.example-nav a{color:var(--iq-muted);text-decoration:none;white-space:nowrap}.example-nav a[aria-current=page]{color:var(--iq-ink);font-weight:500}.example-nav a:first-child{margin-right:12px}.example-nav>span{margin-left:auto;font-size:10px;color:var(--iq-muted)}.section-intro{padding:54px 0 46px}.section-intro>.sample-overline,.object-intro>.sample-overline{color:var(--iq-muted);font-size:10px}.section-intro h1,.object-intro h1{font-size:clamp(38px,4.3vw,60px);line-height:1.08;letter-spacing:-.045em;margin:26px 0 20px}.section-intro>p,.object-intro>p{font-size:17px;line-height:1.65;color:var(--iq-muted);max-width:660px}.example-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.example-cover{display:block;text-decoration:none;min-width:0}.example-cover>div:first-child{height:310px;border-radius:12px;overflow:hidden;transition:transform .28s var(--iq-ease)}.example-cover:hover>div:first-child{transform:translateY(-3px)}.example-cover-caption{position:relative;padding:23px 0 0}.example-cover-caption>span{font-size:9px;color:var(--iq-muted);letter-spacing:.07em}.example-cover-caption>svg{position:absolute;top:24px;right:0}.example-cover-caption h2{font-size:26px;margin:17px 0 10px;letter-spacing:-.03em}.example-cover-caption p{font-size:14px;line-height:1.6;color:var(--iq-muted)}.cover-work{background:var(--iq-surface);padding:42px 24px}.mini-work-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:27px}.mini-work-heading>b{font-weight:500;font-size:24px;letter-spacing:-.03em}.mini-work-heading>span{font-size:11px;color:var(--iq-muted);padding-top:6px}.cover-work>div:not(:first-child){display:flex;gap:8px;align-items:center;padding:18px 0;border-top:1px solid var(--iq-line);font-size:11px}.cover-work i{font-style:normal;font-size:9px;margin-left:auto;color:var(--iq-muted)}.mini-status{width:10px;height:10px;border:1px solid var(--iq-control);border-radius:50%;flex-shrink:0}.mini-status.done{background:var(--iq-control)}.cover-landing{background:var(--iq-fixed-17242e);color:var(--iq-fixed-f5f7f9);padding:27px 32px;display:flex;flex-direction:column}.cover-landing>span{color:var(--iq-fixed-bdd0de);font-size:8px;letter-spacing:.07em}.cover-landing strong{font:500 43px/1.02 var(--iq-display);letter-spacing:-.045em;margin:27px 0 0}.cover-landing strong em{font-style:normal;color:var(--iq-fixed-afc5d7)}.cover-landing>i{display:flex;align-items:center;gap:9px;font-style:normal;font-size:10px;margin-top:auto}.cover-object{position:relative;display:flex;flex-direction:column;padding:25px 30px;background:var(--iq-surface);border:1px solid var(--iq-line)}.cover-object>.iq-mark{width:27px;height:27px}.cover-object>span{position:absolute;right:27px;top:30px;font-size:8px;letter-spacing:.08em}.cover-object strong{font:400 46px/1.03 var(--iq-display);letter-spacing:-.038em;margin-top:33px}.cover-object>div{margin-top:auto;border-top:1px solid var(--iq-line);padding-top:13px;display:flex;justify-content:space-between}.cover-object i{font:9px var(--iq-mono);color:var(--iq-muted)}
/* Guides */
.rules-shell{width:min(calc(100% - var(--iq-grid-margin)*2),var(--iq-grid-max));margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:80px}.rules-nav{display:flex;flex-direction:column;gap:7px;padding:42px 0;position:sticky;top:77px;align-self:start}.rules-nav>span{font-size:14px;font-weight:500;margin-bottom:20px}.rules-nav>a{font-size:12px;text-decoration:none;color:var(--iq-muted);padding:8px 0}.rules-nav>a[aria-current=page]{color:var(--iq-ink);font-weight:500}.rules-page{padding:44px 0 24px;max-width:880px;min-width:0}.rules-page>.sample-overline{font-size:9px;color:var(--iq-muted)}.rules-page>h1{font-size:clamp(38px,4.2vw,58px);line-height:1.08;letter-spacing:-.045em;margin:26px 0 24px}.rules-lead{font-size:18px;color:var(--iq-muted);line-height:1.65;max-width:62ch;margin-bottom:46px}.principle-list{border-top:1px solid var(--iq-line)}.principle-list>article{display:grid;grid-template-columns:48px 1fr;gap:16px;border-bottom:1px solid var(--iq-line);padding:30px 0}.principle-list>article>span{font:12px var(--iq-mono);color:var(--iq-muted);padding-top:6px}.principle-list h2{font-size:26px;line-height:1.2;letter-spacing:-.025em}.principle-list p{font-size:15px;line-height:1.65;color:var(--iq-muted);max-width:61ch;margin:12px 0 0}.principle-list small{display:block;font-size:11px;color:var(--iq-muted);margin-top:16px}.note-panel{border-left:2px solid var(--iq-control);padding:2px 0 2px 20px;margin:36px 0 0}.note-panel b{font-size:14px;font-weight:500}.note-panel p{font-size:13px;color:var(--iq-muted);line-height:1.7;margin-top:9px;max-width:70ch}.type-hero{display:flex;align-items:center;gap:42px;padding:42px 30px;background:var(--iq-surface);border-radius:12px;font:400 140px/1 var(--iq-display);letter-spacing:-.085em}.type-hero>span{font-size:34px;line-height:1.15;letter-spacing:-.035em}.type-hero>small{font:11px/1.7 var(--iq-font);letter-spacing:0;color:var(--iq-muted);margin-left:auto}.type-scale{margin-top:36px}.type-scale>div{display:grid;grid-template-columns:180px 1fr;gap:24px;border-bottom:1px solid var(--iq-line);padding:25px 0;align-items:center}.type-scale>div>span{font-size:12px}.type-scale small{display:block;font:10px var(--iq-mono);line-height:1.7;color:var(--iq-muted);margin-top:6px}.type-scale p{margin:0}.type-display{font:500 clamp(28px,3.5vw,48px)/1.04 var(--iq-display);letter-spacing:-.034em}.type-heading{font:500 32px/1.16 var(--iq-display);letter-spacing:-.028em}.type-body{font-size:16px;line-height:1.6;letter-spacing:-.01em}.type-interface{font-size:14px;line-height:1.5;letter-spacing:-.008em}.type-label{font-size:13px;line-height:1.45;font-weight:500;letter-spacing:0}.type-caption{font-size:12px;line-height:1.5;color:var(--iq-muted);letter-spacing:0}.role-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.role-swatches>div>span{display:block;height:114px;border-radius:8px;border:1px solid var(--iq-line);margin-bottom:15px}.role-swatches b{font-size:13px;font-weight:500;display:block}.role-swatches code{font:11px var(--iq-mono);color:var(--iq-muted);display:block;margin-top:5px}.tone-demonstration{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}.tone-demonstration>div{padding:26px;border-radius:10px;min-height:244px}.tone-paper{background:var(--iq-surface)}.tone-ink{background:var(--iq-fixed-17242e);color:var(--iq-fixed-f5f7f9)}.tone-demonstration span{font-size:11px}.tone-demonstration h2{font-size:25px;line-height:1.16;margin:25px 0 16px}.tone-demonstration p{font-size:13px;line-height:1.7;opacity:.85}.rules-subheading{font-size:28px;margin:44px 0 22px}.rules-copy{font-size:15px;line-height:1.75;color:var(--iq-muted);margin:24px 0;max-width:68ch}.motion-settings{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--iq-muted);margin-bottom:22px}.motion-proof{background:var(--iq-surface);padding:30px;border-radius:12px}.motion-proof-head{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.06em;color:var(--iq-muted);margin-bottom:30px}.motion-result{display:flex;align-items:center;gap:20px}.result-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:12px;background:var(--iq-raised);border:1px solid var(--iq-line)}.motion-result h2{font-size:23px}.motion-result p{font-size:13px;color:var(--iq-muted);line-height:1.6;margin-top:8px;max-width:45ch}.motion-state{font-size:11px;color:var(--iq-muted);margin-left:auto;white-space:nowrap}.accepted .result-icon,.accepted .motion-state{color:var(--iq-success)}.motion-evidence{display:flex;align-items:center;gap:28px;margin:30px 0;padding:18px 0;border-block:1px solid var(--iq-line);font-size:12px;color:var(--iq-muted)}.motion-evidence>span{display:flex;align-items:center;gap:8px}.motion-contracts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.motion-contracts>div>span{font:12px var(--iq-mono);color:var(--iq-muted)}.motion-contracts h3{font-size:22px;margin:17px 0 10px}.motion-contracts p{font-size:13px;color:var(--iq-muted);line-height:1.7}.icon-proof{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;background:var(--iq-surface);padding:40px 24px;border-radius:12px}.large-icon{display:flex;flex-direction:column;align-items:center;gap:22px}.large-icon>span{font:11px var(--iq-mono);color:var(--iq-muted)}.icon-sizes{display:flex;justify-content:center;align-items:center;gap:23px;flex-wrap:wrap}.icon-sizes>div{display:flex;flex-direction:column;align-items:center;gap:20px}.icon-sizes span{font:11px var(--iq-mono);color:var(--iq-muted)}.implementation-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:30px}.implementation-grid h2{font-size:23px;margin-bottom:20px}.implementation-grid p{font-size:14px;line-height:1.7;color:var(--iq-muted);margin-bottom:25px}
/* Product narrative: content-driven, finite, no scroll hijack. */
.landing-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding:58px 0 62px}.landing-intro .sample-overline{color:var(--iq-muted);font-size:10px}.landing-intro h1{font-size:clamp(56px,6.6vw,92px);line-height:.99;font-weight:500;letter-spacing:-.034em;margin:28px 0}.landing-intro h1>span{color:var(--iq-muted)}.landing-intro>div>p{font-size:18px;line-height:1.6;color:var(--iq-muted);margin:22px 0 28px}.landing-intro .row{gap:22px}.landing-intro .text-action{font-size:12px}.landing-manifest{align-self:center;border-left:1px solid var(--iq-line);padding:10px 0 10px 48px}.landing-manifest>span{font-size:9px;color:var(--iq-muted);letter-spacing:.08em}.landing-manifest>p{font:500 34px/1.2 var(--iq-display);letter-spacing:-.035em;color:var(--iq-ink)!important;margin:26px 0 40px!important}.landing-manifest em{font-style:normal;color:var(--iq-muted)}.landing-manifest>div{display:flex;gap:12px;align-items:center;color:var(--iq-muted);font-size:13px;margin-top:16px}.landing-manifest svg{color:var(--iq-success)}.narrative{border:1px solid var(--iq-line);border-radius:15px;overflow:hidden}.narrative-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 26px;border-bottom:1px solid var(--iq-line)}.narrative-toolbar>span{font-size:9px;letter-spacing:.1em;color:var(--iq-muted)}.narrative-grid{display:grid;grid-template-columns:5fr 7fr;min-height:432px}.narrative-copy{padding:30px 35px}.narrative-steps{display:flex;flex-direction:column}.narrative-steps>button{display:flex;gap:19px;align-items:center;text-align:left;width:100%;padding:20px 0;background:transparent;border-bottom:1px solid var(--iq-line);color:var(--iq-muted)}.narrative-steps>button>span{font:11px var(--iq-mono);align-self:flex-start;margin-top:8px}.narrative-steps>button>div{flex:1}.narrative-steps h2{font-size:27px}.narrative-steps p{font-size:12px;margin-top:7px;line-height:1.6}.narrative-steps>button>svg{opacity:0}.narrative-steps>button[aria-pressed=true]{color:var(--iq-ink)}.narrative-steps>button[aria-pressed=true]>svg{opacity:1}.narrative-caption{font-size:11px;color:var(--iq-muted);line-height:1.7;margin-top:24px}.narrative-stage{background:var(--iq-fixed-17242e);padding:36px 40px 24px;color:var(--iq-fixed-f7f9fc);display:flex;flex-direction:column}.narrative-frame{flex:1}.narrative-card{height:100%;display:flex;flex-direction:column;align-items:flex-start}.narrative-card>.row{width:100%;color:var(--iq-fixed-c5d7e4);font-size:10px;letter-spacing:.08em}.narrative-card h3{font-size:37px;line-height:1.1;letter-spacing:-.04em;margin:28px 0 18px}.narrative-card>p{font-size:14px;line-height:1.65;color:var(--iq-fixed-cad7e1);max-width:42ch}.narrative-card-rule{width:100%;height:1px;background:var(--iq-fixed-40525f);margin:26px 0 20px}.narrative-card-result{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--iq-fixed-d0e0ec)}.narrative-card>.text-action{margin:20px 0 0;font-size:12px}.narrative-fine{display:flex;justify-content:space-between;border-top:1px solid var(--iq-fixed-40525f);padding-top:18px;margin-top:30px;font-size:8px;color:var(--iq-fixed-bdceda);letter-spacing:.08em}.landing-detail{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:center;padding:90px 0}.landing-detail h2{font-size:42px;line-height:1.13;letter-spacing:-.04em;margin:22px 0 24px}.landing-detail p{font-size:16px;line-height:1.7;color:var(--iq-muted);max-width:42ch;margin-bottom:25px}.landing-detail>.proof-document{justify-self:end}.landing-close{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:50px 0;border-top:1px solid var(--iq-line)}.landing-close h2{font-size:40px;line-height:1.15;letter-spacing:-.04em}.landing-close p{font-size:14px;line-height:1.65;color:var(--iq-muted);margin-bottom:22px}
/* Everyday workspace: fewer levels, full titles and restrained metadata. */
.work-page{padding-bottom:48px}.work-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding:42px 0 30px}.work-heading>.work-title>span{font-size:10px;letter-spacing:.07em;color:var(--iq-muted)}.work-heading h1{font-size:46px;letter-spacing:-.045em;line-height:1.1;margin-top:15px}.work-heading p{font-size:15px;color:var(--iq-muted);margin-top:13px;line-height:1.6}.work-heading .row{padding-bottom:4px}.work-summary{display:flex;align-items:center;gap:28px;padding:20px 0 24px;border-bottom:1px solid var(--iq-line);color:var(--iq-muted);font-size:12px}.work-summary>div{display:flex;align-items:center;gap:9px}.work-summary b{font-weight:500;color:var(--iq-ink)}.work-summary .iq-progress{width:100px;margin-left:5px}.work-summary>.work-summary-note{margin-left:auto;font-size:11px}.workspace-views{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px}.workspace-views nav{display:flex;align-items:center;gap:24px}.workspace-views nav a{display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--iq-muted);font-size:13px;border-bottom:2px solid transparent;text-decoration:none}.workspace-views nav a.active{color:var(--iq-ink);border-color:var(--iq-ink)}.workspace-views>span{font-size:11px;color:var(--iq-muted)}.workspace-tools{display:flex;align-items:center;gap:12px;padding:20px 0}.workspace-tools .iq-search-small{max-width:300px;flex:1}.workspace-tools>iq-select{margin-left:auto}.workspace-table{border:0;border-block:1px solid var(--iq-line);border-radius:0}.workspace-table th{background:transparent;height:46px;padding-top:10px;padding-bottom:10px}.workspace-table td{height:81px;padding:17px 14px}.workspace-table th,.workspace-table td{padding-inline:14px}.workspace-table .check-col{width:36px;padding-left:0}.workspace-table .iq-check{min-height:24px}.workspace-table .iq-check-box{width:16px;height:16px;border-radius:4px}.task-title{max-width:470px;width:43%}.task-id{font:10px var(--iq-mono);color:var(--iq-muted);margin-bottom:5px}.task-title>button{font-size:14px;background:none;padding:0;text-align:left;line-height:1.5;letter-spacing:-.012em}.task-title>button:hover{color:var(--iq-accent)}.task-person{display:flex;align-items:center;gap:8px;font-size:12px}.workspace-table .iq-badge{background:transparent;border:0;padding:0;font-size:11px}.workspace-table-foot{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:10px;color:var(--iq-muted)}.bulk-bar{display:flex;gap:20px;align-items:center;padding:12px 18px;border-radius:8px;background:var(--iq-surface);font-size:12px;margin-bottom:14px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:18px;overflow:auto;padding-bottom:18px}.kanban-column{min-width:0;background:var(--iq-surface);border-radius:10px;padding:14px;min-height:370px}.kanban-column-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;margin-bottom:19px}.kanban-column-header>span{margin-left:auto;color:var(--iq-muted)}.task-card{padding:15px;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:8px;margin-bottom:10px}.task-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.task-card-id{font:10px var(--iq-mono);color:var(--iq-muted)}.task-card-top .iq-btn{--h:28px}.task-card-title{background:none;text-align:left;padding:0;font-size:13px;line-height:1.5;min-height:54px}.task-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.task-card-footer>span{font-size:10px;color:var(--iq-muted)}.task-card.dragging{opacity:.4}.kanban-column.drag-over{outline:2px solid var(--iq-focus);outline-offset:-2px}.planning{overflow:auto;border:1px solid var(--iq-line);border-radius:10px}.planning-inner{min-width:860px}.plan-head,.plan-row{display:grid;grid-template-columns:320px 1fr;border-bottom:1px solid var(--iq-line)}.plan-row:last-child{border:0}.plan-head{padding:16px;font-size:10px;color:var(--iq-muted)}.plan-months{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.plan-row>button{text-align:left;line-height:1.5;padding:16px;background:transparent;font-size:13px;border-right:1px solid var(--iq-line);min-height:72px}.plan-track{position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),var(--iq-line) calc(25% - 1px),var(--iq-line) 25%)}.plan-bar{position:absolute;height:26px;top:calc(50% - 13px);border-radius:4px;background:var(--iq-accent-soft);border:1px solid var(--iq-accent);color:var(--iq-accent);font-size:10px;min-width:3px;overflow:hidden}.plan-bar.done{background:var(--iq-success-bg);border-color:var(--iq-success);color:var(--iq-success)}.work-note{display:flex;align-items:flex-start;gap:13px;border-top:1px solid var(--iq-line);margin-top:42px;padding-top:22px;color:var(--iq-muted);max-width:800px}.work-note p{font-size:12px;line-height:1.7}.task-drawer-title{font-size:34px;line-height:1.15;letter-spacing:-.034em;margin:36px 0 24px}.task-drawer-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:17px 0;border-block:1px solid var(--iq-line)}.task-drawer-meta .task-person{font-size:12px}.task-drawer-section{margin:32px 0}.task-drawer-section h3{font-size:16px;margin:0 0 15px}.task-drawer-section>p{font-size:15px;line-height:1.8;color:var(--iq-muted);max-width:63ch}.task-evidence{font-size:14px}.task-evidence .iq-check{font-size:13px}.comment{display:flex;gap:12px;margin:24px 0}.comment>div{flex:1;min-width:0}.comment b{font-size:12px;font-weight:500}.comment small{font-size:10px;color:var(--iq-muted);margin-left:10px}.comment p{margin-top:7px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.comments-empty{font-size:13px;color:var(--iq-muted);padding:6px 0 18px}.comment-compose textarea{min-height:70px;font-size:14px}.comment-compose .iq-input-shell{align-items:flex-end}.comment-compose .iq-btn{margin:0 -6px 6px 0}.iq-command-input{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--iq-line)}#command-dialog .iq-dialog-inner{padding:0}#command-dialog .iq-dialog{width:min(620px,calc(100vw - 32px));margin-top:min(18vh,160px)}.iq-command-input input{background:none;min-width:0;flex:1;border:0;outline:0;font-size:16px}.iq-command-input kbd{font:10px var(--iq-mono);color:var(--iq-muted)}.iq-command-list{padding:10px;max-height:450px;overflow:auto}.iq-command-list>button{display:flex;align-items:center;gap:13px;padding:13px;border-radius:8px;background:transparent;width:100%;text-align:left}.iq-command-list>button>span{flex:1;font-size:14px}.iq-command-list small{display:block;color:var(--iq-muted);font-size:11px;margin-top:4px}.iq-command-list>button:hover,.iq-command-list>button:focus-visible{background:var(--iq-surface)}.iq-command-foot{padding:12px 24px;border-top:1px solid var(--iq-line);font-size:10px;color:var(--iq-muted)}.code-dialog{max-height:60vh;overflow:auto}.code-dialog pre{font:12px/1.6 var(--iq-mono);white-space:pre-wrap;overflow-wrap:anywhere}
/* Object identity is typographic, not a low-resolution fabricated product rendering. */
.object-intro{padding:48px 0 42px}.object-layout{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.passport-sheet{min-height:488px;background:var(--iq-surface);border:1px solid var(--iq-line);border-radius:4px;display:flex;flex-direction:column;padding:30px 36px}.passport-top{display:flex;justify-content:space-between;align-items:center}.passport-top .iq-mark{width:31px;height:31px}.passport-top>span{font:9px var(--iq-mono);letter-spacing:.07em;color:var(--iq-muted)}.passport-number{font:400 66px/1 var(--iq-display);letter-spacing:-.057em;margin-top:43px}.passport-number>span{display:block}.passport-diagram{width:100%;padding:10px 0 0;margin:auto 0 15px;color:var(--iq-control)}.passport-diagram svg{width:100%;height:auto}.passport-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--iq-control);padding-top:16px;font:9px var(--iq-mono);letter-spacing:.03em;color:var(--iq-muted)}.object-information h2{font-size:36px;line-height:1.13;letter-spacing:-.037em;margin:24px 0 16px}.object-information>p{font-size:14px;line-height:1.75;color:var(--iq-muted);max-width:51ch}.object-specs{margin:26px 0}.object-specs>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:12px 0;border-top:1px solid var(--iq-line);font-size:12px}.object-specs dt{color:var(--iq-muted)}.object-specs dd{margin:0}.object-aftercare{display:grid;grid-template-columns:1fr 1fr;gap:76px;margin-top:64px;border-top:1px solid var(--iq-line);padding-top:42px}.object-aftercare h2{font-size:30px;margin-bottom:18px}.object-aftercare>div>p{font-size:15px;line-height:1.7;color:var(--iq-muted);max-width:45ch}
@media(min-width:1600px){.home-feature{min-height:486px}.feature-editorial{padding:44px}.proof-copy{padding:30px 32px 27px}.proof-copy h2{font-size:30px}.proof-checks{font-size:13px}.proof-copy>p{font-size:14px}}
@media(max-width:1180px){.site-header-inner{gap:20px}.site-brand small{display:none}.site-nav{gap:22px}.home-head{gap:32px}.home-head h1{font-size:62px}.home-lead{padding:0}.feature-editorial{padding:32px}.feature-editorial h2{font-size:31px}.document-stage{padding:24px}.proof-copy{padding:24px}.proof-copy h2{font-size:25px}.proof-copy>p{font-size:12px}.proof-bottom>div>span{display:none}.library-shell{gap:32px;grid-template-columns:194px minmax(0,1fr)}.component-heading h1{font-size:38px}.component-canonical{display:none}.rules-shell{grid-template-columns:170px minmax(0,1fr);gap:44px}.home-paths h2{font-size:21px}.rules-page>h1{font-size:48px}.landing-intro{gap:50px}.landing-manifest{padding-left:32px}.landing-intro h1{font-size:80px}.type-hero{font-size:116px;gap:26px}.type-hero>small{display:none}.object-layout{gap:45px}.example-cards{gap:22px}.cover-landing strong{font-size:37px}.cover-work{padding:35px 20px}.narrative-card h3{font-size:32px}.landing-detail{gap:40px}}
@media(max-width:900px){.site-header-inner{gap:18px}.site-nav{gap:20px}.header-actions{gap:8px}.search-trigger>span,.search-trigger>kbd{display:none}.home-head{grid-template-columns:1.5fr 1fr;gap:20px}.home-head h1{font-size:48px}.home-lead p{font-size:15px}.home-feature{grid-template-columns:1fr;min-height:0}.feature-editorial{min-height:320px;padding:32px}.feature-editorial h2{font-size:34px}.feature-editorial h2 br:nth-of-type(1){display:none}.feature-editorial>.text-action{margin-top:0;padding-top:24px}.editorial-index{position:absolute;right:32px;bottom:35px;min-width:110px;margin:0}.editorial-index>i{display:none}.document-stage{padding:32px}.proof-document{max-width:620px}.proof-copy h2{font-size:28px}.home-caption{font-size:10px}.home-paths{gap:24px;padding:44px 0}.home-paths h2{font-size:20px}.home-paths p{font-size:13px}.type-statement{grid-template-columns:1fr;gap:20px;padding-top:44px}.type-statement>a{grid-column:1}.type-statement>p{font-size:30px}.library-shell{grid-template-columns:minmax(0,1fr);gap:0}.catalog-nav{position:relative;top:auto;max-height:none;padding:20px 0;border-right:0;border-bottom:1px solid var(--iq-line);overflow:visible}.catalog-heading{margin:0;font-size:13px}.catalog-heading>span{margin-left:auto;margin-right:20px}.catalog-toggle{display:block;background:transparent;color:var(--iq-accent);font-size:12px;padding:7px 0}.catalog-search,.catalog-groups,.catalog-help{display:none}.catalog-nav.open .catalog-search{display:flex}.catalog-nav.open .catalog-groups{display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}.catalog-nav.open .catalog-heading{margin-bottom:14px}.catalog-nav.open .catalog-help{display:flex}.component-page{padding-top:24px}.component-breadcrumb{margin-bottom:22px}.specimen-surface{padding:36px}.rules-shell{grid-template-columns:1fr;gap:0}.rules-nav{position:static;flex-direction:row;align-items:center;overflow:auto;gap:22px;padding:20px 0;border-bottom:1px solid var(--iq-line)}.rules-nav>span{display:none}.rules-nav>a{white-space:nowrap;font-size:11px}.rules-page{padding-top:34px}.rules-page>h1{font-size:48px}.rules-lead{font-size:17px}.example-cards{grid-template-columns:1fr}.example-cover{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.example-cover>div:first-child{height:260px}.example-cover-caption>svg{right:0}.cover-work>div:not(:first-child){font-size:10px;padding:14px 0}.landing-intro{gap:35px}.landing-intro h1{font-size:68px}.landing-manifest>p{font-size:26px}.landing-manifest>span{font-size:8px}.landing-manifest>div{font-size:11px}.narrative-copy{padding:24px}.narrative-stage{padding:28px}.narrative-card h3{font-size:28px}.narrative-steps h2{font-size:24px}.narrative-card>p{font-size:13px}.landing-detail h2{font-size:32px}.landing-detail{gap:28px}.landing-detail>.proof-document .proof-copy{padding:20px}.landing-detail>.proof-document h2{font-size:23px}.landing-detail>.proof-document .proof-bar{padding:14px 20px}.landing-close h2{font-size:32px}.landing-close p{font-size:13px}.work-heading h1{font-size:40px}.work-summary{gap:18px;flex-wrap:wrap}.work-summary-note{display:none}.workspace-table td{padding-inline:10px}.workspace-table .task-person>span:last-child{display:none}.workspace-table .iq-badge{white-space:normal;font-size:10px}.object-layout{gap:32px}.passport-sheet{padding:24px;min-height:430px}.passport-number{font-size:58px}.passport-bottom{font-size:8px}.object-information h2{font-size:30px}.object-specs>div{gap:12px;font-size:11px}.object-aftercare{gap:32px}.example-nav>span{display:none}}
@media(max-width:600px){:root{--iq-grid-margin:20px}.site-header-inner{min-height:99px;display:grid;grid-template-columns:1fr auto;gap:0;padding-top:10px}.site-brand>span{font-size:13px}.site-brand>.iq-mark{width:23px;height:23px}.site-nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:22px;width:100%;margin:0;min-height:40px}.site-nav a{font-size:12px;padding:10px 0}.header-actions{grid-column:2;grid-row:1;gap:16px}.theme-switch{--h:32px}.search-trigger{min-height:32px}.site-footer{margin-top:45px;flex-wrap:wrap;gap:18px;font-size:10px;padding-bottom:26px}.site-footer>span{margin-left:0;flex-basis:100%}.site-footer>a{font-size:11px}.site-footer>p{margin-left:auto}.home-intro{padding:25px 0 30px}.home-meta{margin-bottom:26px}.home-meta>.sample-overline{font-size:8px;letter-spacing:.07em}.home-meta>span:last-child{font-size:9px}.home-head{grid-template-columns:1fr;gap:22px}.home-head h1{font-size:clamp(36px,9.6vw,50px);line-height:1.06;letter-spacing:-.024em}.home-lead{display:block}.home-lead p{font-size:15px;line-height:1.55;max-width:340px;margin-bottom:21px}.home-lead p br{display:none}.home-lead p br::after{content:" "}.home-head .iq-btn{font-size:12px;min-height:42px}.home-feature{border-radius:12px}.feature-editorial{padding:28px 25px;min-height:323px}.feature-editorial>.sample-overline,.feature-editorial .sample-overline{font-size:8px}.feature-editorial h2{font-size:30px;line-height:1.15;margin:24px 0 17px}.feature-editorial h2 br:nth-of-type(1){display:initial}.feature-editorial p{font-size:12px;line-height:1.7}.feature-editorial .text-action{font-size:12px;padding-top:25px}.editorial-index{right:25px;bottom:31px;min-width:50px;opacity:.6}.editorial-index>span{width:12px}.document-stage{padding:18px 14px}.proof-bar{padding:13px 17px;font-size:10px}.proof-bar>span:last-child{font-size:9px}.proof-copy{padding:22px 20px}.proof-copy h2{font-size:24px;line-height:1.17}.proof-copy>p{font-size:12px;line-height:1.7;margin-bottom:20px}.proof-tag{font-size:10px;margin-bottom:15px}.proof-checks{font-size:11px;gap:12px}.proof-bottom{margin-top:22px;padding-top:18px;gap:10px}.proof-bottom>.iq-btn{font-size:10px;padding-inline:9px;--h:34px}.proof-bottom>div{gap:0}.proof-bottom .iq-avatars .iq-avatar{width:23px;height:23px;font-size:7px}.home-caption{flex-direction:column;gap:5px;font-size:9px;line-height:1.6}.home-paths{grid-template-columns:1fr;padding:18px 0 0;gap:0;border:0}.home-paths>a{padding:25px 32px 24px 0;border-bottom:1px solid var(--iq-line)}.home-paths>a>span{font-size:9px}.home-paths>a>svg{top:26px}.home-paths h2{font-size:23px;margin:12px 0 10px}.home-paths p{font-size:14px;line-height:1.6}.home-paths p br{display:none}.type-statement{padding-top:38px}.type-statement>span{font-size:9px}.type-statement>p{font-size:27px}.type-statement>a{font-size:12px}.component-heading{margin-bottom:24px}.component-heading h1{font-size:34px;line-height:1.13}.component-heading p{font-size:14px;line-height:1.65}.component-breadcrumb{font-size:10px;margin-bottom:20px}.component-specimen .iq-tabs-list{gap:22px}.component-specimen .iq-tabs-list button{font-size:11px}.component-specimen .iq-tab-panel{padding-top:18px}.specimen-surface{padding:24px 20px;min-height:310px}.button-context h3{font-size:25px;line-height:1.15;margin-top:20px}.button-context p{font-size:13px;line-height:1.65}.button-context .row{gap:9px}.button-context .iq-btn{font-size:11px;padding-inline:12px}.button-context>.sample-overline{font-size:8px}.preview-options{gap:12px}.preview-options>span{width:100%;margin:0!important;font-size:11px}.preview-options .iq-segmented button{font-size:11px;padding-inline:14px}.preview-hint{font-size:10px;line-height:1.6}.component-bottom{grid-template-columns:1fr;gap:22px;margin-top:26px;padding-top:23px}.component-bottom p{font-size:13px;line-height:1.75}.related-components{gap:16px;font-size:11px;margin-top:26px}.related-components>span{width:100%}.state-grid{grid-template-columns:1fr 1fr}.state-grid>div{padding:22px 10px;min-height:140px}.state-grid .iq-btn{font-size:11px;padding-inline:12px}.field-states-grid{grid-template-columns:1fr;padding:20px}.field-context{gap:24px}.contract-grid{padding:22px}.contract-grid p{font-size:13px}.preference-head h3{font-size:24px}.preference-head p{font-size:13px}.iq-setting-row{gap:15px}.preference-sample .iq-switch>span:last-child{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.feature-sample{padding:26px}.feature-sample h3{font-size:29px}.feature-sample p{font-size:13px;max-width:25ch}.feature-lines{right:26px;bottom:30px;opacity:.6}.feature-lines span{width:2px}.feature-lines span:nth-child(3){height:46px}.feature-lines span:nth-child(2){height:34px}.feature-lines span:nth-child(1){height:22px}.specimen-dark{padding:0}.dialog-preview h3{font-size:25px}.dialog-preview p{font-size:13px}.sample-appbar{padding:10px;gap:12px}.sample-appbar b{font-size:12px}.sample-appbar>nav{gap:10px}.sample-appbar a{font-size:10px}.sample-appbar>.iq-btn{--h:30px}.copy-example{gap:7px;padding:8px}.copy-example code{font-size:11px}.source-code{padding:18px;font-size:11px}.catalog-nav.open .catalog-groups{grid-template-columns:1fr}.catalog-search input{font-size:16px}.catalog-group>summary{font-size:13px;min-height:40px}.catalog-group a{font-size:13px;padding-block:10px}.rules-nav{gap:20px;padding:14px 0}.rules-page{padding-top:28px}.rules-page>h1{font-size:38px;margin:22px 0}.rules-lead{font-size:16px;line-height:1.7;margin-bottom:32px}.rules-page>.sample-overline{font-size:8px}.principle-list>article{grid-template-columns:26px 1fr;gap:12px;padding:25px 0}.principle-list h2{font-size:23px;line-height:1.22}.principle-list p{font-size:14px;line-height:1.7}.principle-list small{font-size:10px;line-height:1.6}.note-panel p{font-size:12px}.type-hero{font-size:108px;padding:30px 20px;gap:24px}.type-hero>span{font-size:27px}.type-scale>div{grid-template-columns:1fr;gap:16px;padding-block:23px}.type-scale>div>span{font-size:11px}.type-scale small{display:inline-block;margin-left:10px}.type-display{font-size:34px}.type-heading{font-size:27px}.role-swatches{grid-template-columns:1fr 1fr;gap:22px 16px}.role-swatches>div>span{height:92px}.role-swatches b{font-size:12px}.role-swatches code{font-size:10px}.tone-demonstration{grid-template-columns:1fr}.tone-demonstration>div{min-height:230px}.rules-subheading{font-size:26px}.rules-copy{font-size:14px;line-height:1.7}.motion-proof{padding:24px 20px}.motion-proof-head{font-size:8px;gap:15px}.motion-proof-head>span:last-child{display:none}.motion-result{flex-wrap:wrap;gap:16px}.motion-result>div{flex:1}.result-icon{width:48px;height:48px}.motion-result h2{font-size:22px}.motion-result p{font-size:12px;line-height:1.65}.motion-state{margin:0 0 0 64px;font-size:11px}.motion-evidence{flex-wrap:wrap;gap:15px;font-size:11px}.motion-proof .iq-btn{font-size:12px}.motion-contracts{grid-template-columns:1fr;gap:22px}.motion-contracts h3{font-size:23px;margin-top:12px}.icon-proof{grid-template-columns:1fr;gap:40px;padding:30px 20px}.icon-sizes{gap:23px}.implementation-grid{grid-template-columns:1fr;gap:25px}.example-nav{gap:20px;overflow:auto;padding:16px 0;font-size:11px}.example-nav a:first-child{margin-right:0}.section-intro,.object-intro{padding:34px 0}.section-intro h1,.object-intro h1{font-size:38px;line-height:1.08;margin:23px 0 18px}.section-intro>.sample-overline,.object-intro>.sample-overline{font-size:8px}.section-intro>p,.object-intro>p{font-size:16px;line-height:1.65}.example-cover{grid-template-columns:1fr;gap:0}.example-cards{gap:36px}.example-cover>div:first-child{height:285px}.example-cover-caption{padding-top:20px}.example-cover-caption h2{font-size:27px}.example-cover-caption p{font-size:14px}.cover-work{padding:37px 26px}.cover-work>div:not(:first-child){font-size:12px;padding:16px 0}.cover-landing strong{font-size:45px}.landing-intro{grid-template-columns:1fr;gap:36px;padding:33px 0 37px}.landing-intro h1{font-size:65px;line-height:1;letter-spacing:-.035em}.landing-intro>div>p{font-size:16px}.landing-intro .row{gap:19px}.landing-intro .iq-btn{font-size:12px}.landing-manifest{padding:26px 0 0;border-left:0;border-top:1px solid var(--iq-line)}.landing-manifest>p{font-size:30px;margin:20px 0 25px!important}.landing-manifest>div{font-size:13px}.narrative-toolbar{padding:14px 16px}.narrative-toolbar>span{font-size:7px;line-height:1.6;max-width:100px}.narrative-toolbar .iq-btn{font-size:10px;padding-inline:9px}.narrative-grid{grid-template-columns:1fr}.narrative-copy{padding:12px 22px 23px}.narrative-steps>button{padding:19px 0}.narrative-steps h2{font-size:26px}.narrative-steps p{font-size:12px}.narrative-caption{font-size:10px;margin-top:20px}.narrative-stage{padding:25px 26px}.narrative-card h3{font-size:32px}.narrative-card>p{font-size:14px}.narrative-card-result{font-size:11px}.narrative-fine{font-size:7px;gap:15px}.landing-detail{grid-template-columns:1fr;padding:49px 0;gap:32px}.landing-detail h2{font-size:35px}.landing-detail>div>p{font-size:15px}.landing-detail>.proof-document .proof-copy{padding:22px}.landing-close{flex-direction:column;align-items:flex-start;gap:24px;padding:32px 0 12px}.landing-close h2{font-size:35px}.work-heading{flex-direction:column;align-items:stretch;gap:22px;padding:28px 0 15px}.work-heading h1{font-size:37px}.work-heading p{font-size:14px}.work-heading>.row{justify-content:space-between}.work-summary{font-size:11px;gap:14px;padding-bottom:20px}.work-summary>.work-summary-note{display:none}.work-summary>.work-summary-progress{flex-basis:100%}.workspace-views{margin-top:16px}.workspace-views nav{gap:20px}.workspace-views nav a{font-size:12px;gap:6px}.workspace-views>span{display:none}.workspace-tools{flex-wrap:wrap;gap:9px;padding:15px 0 18px}.workspace-tools>.iq-search-small{flex-basis:100%;max-width:100%}.workspace-tools>.iq-search-small input{font-size:16px}.workspace-tools>iq-select{flex:1}.workspace-tools>.iq-btn{font-size:11px}.workspace-table{overflow:visible}.workspace-table table{display:block}.workspace-table thead{display:none}.workspace-table tbody{display:block}.workspace-table tr{display:grid;grid-template-columns:24px 1fr 36px;position:relative;column-gap:9px;padding:17px 0;border-bottom:1px solid var(--iq-line)}.workspace-table tr:last-child{border:0}.workspace-table td{height:auto;border:0;padding:0;min-width:0}.workspace-table .check-col{width:24px;grid-column:1;grid-row:1;padding:3px 0 0}.workspace-table .task-title{max-width:100%;width:auto;grid-column:2;grid-row:1}.workspace-table .task-title>button{font-size:14px;line-height:1.5}.workspace-table td:nth-child(3){grid-column:2;grid-row:2;margin-top:9px}.workspace-table .iq-badge{font-size:11px}.workspace-table td:nth-child(4){display:none}.workspace-table td:nth-child(5){grid-column:2;grid-row:3;margin-top:7px;font-size:10px}.workspace-table td:nth-child(6){grid-column:3;grid-row:1}.workspace-table-foot{font-size:10px;line-height:1.7;flex-direction:column;gap:5px}.kanban{grid-template-columns:repeat(4,240px);gap:14px}.work-note{margin-top:26px}.work-note p{font-size:11px}.task-drawer-title{font-size:28px;margin:30px 0 24px}.task-drawer-meta{gap:14px}.task-drawer-meta .task-person{font-size:11px}.task-drawer-section{margin:27px 0}.task-drawer-section>p{font-size:15px;line-height:1.75}.comment b{font-size:11px}.comment small{display:block;margin:3px 0 0}.comment p{font-size:14px}.iq-command-input{padding:18px}.iq-command-input input{font-size:16px}.iq-command-input kbd{display:none}.iq-command-list{max-height:55vh}.iq-command-foot{font-size:9px;padding:12px 18px}.object-layout{grid-template-columns:1fr;gap:35px}.passport-sheet{padding:28px;min-height:452px}.passport-number{font-size:65px}.passport-bottom{font-size:9px}.object-information h2{font-size:33px}.object-information>p{font-size:15px}.object-specs>div{font-size:12px}.object-information .iq-btn{font-size:12px}.object-aftercare{grid-template-columns:1fr;gap:23px;margin-top:43px;padding-top:32px}.object-aftercare h2{font-size:29px}.object-aftercare>div>p{font-size:14px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){.example-cover:hover>div:first-child,.home-paths>a:hover>svg{transform:none}}[data-motion=reduced] .example-cover:hover>div:first-child,[data-motion=reduced] .home-paths>a:hover>svg{transform:none}
@media(forced-colors:active){.feature-editorial,.feature-sample,.narrative-stage,.cover-landing,.tone-ink{background:Canvas;color:CanvasText;border:1px solid CanvasText}.feature-editorial *,.feature-sample *,.narrative-stage *,.cover-landing *,.tone-ink *{color:CanvasText}.site-nav a[aria-current=page]::after{background:Highlight}.catalog-group a[aria-current=page]{outline:1px solid Highlight}.proof-document,.iq-card{box-shadow:none}.visual-focus{outline-color:Highlight}}

/* Route focus is announced without outlining the entire document. */
#main:focus{outline:none}
/* Working labels remain legible independently of display typography. */
.site-nav a{font-size:14px}.catalog-group a{font-size:13px}.catalog-group>summary{font-size:13px}.catalog-search input{font-size:13px}.proof-checks{font-size:13px}.proof-bottom>.iq-btn{font-size:12px}.sample-overline{font-size:11px}.home-caption{font-size:12px}.feature-editorial .sample-overline{font-size:11px}.feature-editorial p{font-size:14px}.component-specimen .iq-tabs-list button{font-size:13px}
@media(max-width:600px){.site-nav a{font-size:13px}.sample-overline{font-size:10px}.feature-editorial .sample-overline{font-size:10px}.home-caption{font-size:11px}.feature-editorial p{font-size:14px}.proof-checks{font-size:12px}.proof-bottom>.iq-btn{font-size:12px}.catalog-search input{font-size:16px}.component-specimen .iq-tabs-list button{font-size:12px}}

/* Type specimens use the exported scale, not independently improvised values. */
.type-display{font-size:var(--iq-type-display-size);font-weight:var(--iq-type-display-weight);line-height:var(--iq-type-display-lineHeight);letter-spacing:var(--iq-type-display-letterSpacing)}
.type-heading{font-size:var(--iq-type-heading2-size);font-weight:var(--iq-type-heading2-weight);line-height:var(--iq-type-heading2-lineHeight);letter-spacing:var(--iq-type-heading2-letterSpacing)}
@media(max-width:600px){.type-display{font-size:34px}.type-heading{font-size:27px}.work-summary,.workspace-table-foot,.task-drawer-meta .task-person,.task-drawer-meta .muted,.workspace-table td:nth-child(5),.comment b,.comment small{font-size:12px}.work-note p{font-size:12px}.component-breadcrumb{font-size:12px}.preview-hint{font-size:12px}.button-context .iq-btn{font-size:13px}.narrative-toolbar>span{font-size:10px}.narrative-fine{font-size:10px}}

.landing-intro>div,.object-layout>div{min-width:0}.object-specs dd{min-width:0;overflow-wrap:anywhere}.object-information>.row{flex-wrap:wrap}
@media(max-width:600px){.landing-intro h1{font-size:clamp(50px,16.6vw,65px)}.passport-number{font-size:clamp(48px,15vw,65px)}.example-nav a:first-child{display:none}.object-layout{grid-template-columns:minmax(0,1fr)}}

@media(max-width:600px){.feature-editorial h2,.type-statement>p{letter-spacing:-.025em}}

/* Form specimens keep real working line lengths, independent of the documentation column. */
[data-component=select] .specimen-surface>.stack{max-width:460px;margin-inline:auto}[data-component=combobox] .specimen-surface>iq-combobox{width:100%;margin-inline:auto}[data-component=number-field] .specimen-surface>iq-number{width:100%;max-width:420px;margin-inline:auto}[data-component=number-field] .specimen-surface>.iq-helper{width:100%;max-width:420px;margin-inline:auto}[data-component=slider] .specimen-surface>.stack{max-width:500px;margin-inline:auto}[data-component=multi-select] .specimen-surface>iq-tags{width:100%;max-width:540px;margin-inline:auto}

/* Edition 04.1 — bounded refinements to the approved 04 composition. */
.iq-icon{display:inline-block;flex:0 0 auto;overflow:visible;shape-rendering:geometricPrecision}
.iq-btn{transition:background-color 160ms var(--iq-ease),color 160ms var(--iq-ease),transform 180ms var(--iq-ease-spring),box-shadow 180ms var(--iq-ease)}
.iq-btn>.iq-icon{transition:transform 220ms var(--iq-ease-spring)}
.iq-btn[aria-pressed=true] [data-glyph=heart],.iq-btn[aria-pressed=true] [data-glyph=star]{fill:currentColor}
.iq-btn[aria-pressed=true]{border-color:transparent}
.iq-btn:active:not(:disabled){transform:translateY(0) scale(.977);box-shadow:none}
.iq-btn[aria-busy=true]{transform:none}
.iq-switch-track,.iq-switch-track::after{transition:transform 260ms var(--iq-ease-spring),background-color 200ms var(--iq-ease),box-shadow 180ms var(--iq-ease)}
.iq-progress>span{transition:width 360ms var(--iq-ease-spring)}
.iq-select-trigger>.iq-icon,.iq-accordion summary>.iq-icon{transition:transform 220ms var(--iq-ease-spring)}
.iq-select-trigger[aria-expanded=true]>.iq-icon{transform:rotate(180deg)}
.iq-segmented>button,.activity-filters button{transition:background-color 180ms var(--iq-ease),color 180ms var(--iq-ease),transform 180ms var(--iq-ease)}
.iq-segmented>button:active,.activity-filters button:active{transform:scale(.97)}
@media(hover:hover){
 .iq-btn:not(:disabled):not([aria-busy=true]):hover{transform:translateY(-1px)}
 .iq-btn.primary:not(:disabled):hover,.iq-btn.secondary:not(:disabled):hover{box-shadow:0 4px 9px var(--iq-fixed-00000012)}
 .iq-btn:hover>[data-glyph=arrow],.iq-btn:hover>[data-glyph=chevron]{transform:translateX(2px)}
 .iq-btn:hover>[data-glyph=left]{transform:translateX(-2px)}
 .iq-btn:hover>[data-glyph=upRight]{transform:translate(1px,-1px)}
 .iq-btn:not(:disabled):active{transform:scale(.977);box-shadow:none}
 .navigation-list .iq-list-item:hover,.command-entry:hover{background:var(--iq-hover)}
 .navigation-list .iq-list-item:hover>.iq-icon,.command-entry:hover>.iq-icon:last-child{transform:translateX(3px)}
 .iq-calendar-grid button:not(.selected):not(:disabled):hover{background:var(--iq-hover)}
 .page-numbers button:not([aria-current]):hover{background:var(--iq-hover)}
 .tree-row:hover{background:var(--iq-hover)}
 .plan-deadline:hover,.agenda-task:hover{background:var(--iq-hover);transform:translateY(-1px)}
 .refined-feature:hover .feature-proof{transform:translateY(-3px)}
}
/* Dark materials: neutral near-black planes. Dividers are structural, not card outlines. */
[data-theme=dark] .iq-btn.secondary{background:var(--iq-fixed-252528);border-color:transparent}
[data-theme=dark] .iq-btn.secondary:hover{background:var(--iq-fixed-303034)}
[data-theme=dark] .iq-btn-group{border-color:transparent;background:var(--iq-raised)}
[data-theme=dark] :is(.iq-card,.iq-metric,iq-calendar,.iq-popup,.task-card,.proof-document,.state-grid>div){border-color:transparent}
[data-theme=dark] .iq-popup{box-shadow:0 16px 48px var(--iq-fixed-00000090)}
[data-theme=dark] .iq-input-shell,[data-theme=dark] .iq-select-trigger,[data-theme=dark] .iq-combo-shell{background:var(--iq-recessed);border-color:var(--iq-fixed-55545e)}
[data-theme=dark] .iq-input-shell:focus-within,[data-theme=dark] .iq-combo-shell:focus-within{border-color:var(--iq-focus)}
[data-theme=dark] .state-grid>div{background:var(--iq-surface)}
[data-theme=dark] .specimen-surface{background:var(--iq-surface)}
[data-theme=dark] .task-card{background:var(--iq-raised);box-shadow:none}
/* Distinct error role; not a muddy rose message or a small decorative dot. */
.iq-input-shell.error{border:1.5px solid var(--iq-danger);background:var(--iq-field-bg)}
.iq-input-shell.error:focus-within{border-color:var(--iq-danger);box-shadow:none}
.iq-input-shell.error>svg{color:var(--iq-danger)}
.iq-helper.error,.iq-inline.danger{color:var(--iq-danger);font-weight:500}
.iq-badge.danger{background:var(--iq-danger-fill);color:var(--iq-on-danger);font-weight:600;gap:5px;border:0}
.iq-btn.danger{background:var(--iq-danger-bg);color:var(--iq-danger);border-color:transparent}
.iq-btn.danger:hover:not(:disabled){background:var(--iq-danger-fill);color:var(--iq-on-danger);border-color:transparent}
.message-gallery{display:flex;flex-direction:column;gap:16px;width:100%}
.iq-alert{padding:19px 22px;gap:18px;align-items:stretch;border:0;border-radius:14px;background:var(--iq-raised);color:var(--iq-ink);box-shadow:none}
.iq-alert:is(.success,.warning,.danger,.info){background:var(--iq-raised);border:0;color:var(--iq-ink)}
.message-emblem{display:flex;justify-content:center;align-items:center;align-self:stretch;width:46px;min-height:48px;flex:0 0 46px;border-radius:12px;background:var(--iq-info-bg);color:var(--iq-info)}
.iq-alert.danger .message-emblem{background:var(--iq-danger-fill);color:var(--iq-on-danger)}
.iq-alert.danger .message-copy>b{color:var(--iq-danger)}
.iq-alert.success .message-emblem,.message-emblem.success{background:var(--iq-success-bg);color:var(--iq-success)}
.iq-alert.warning .message-emblem{background:var(--iq-warning-bg);color:var(--iq-warning)}
.iq-alert .message-copy{align-self:center;min-width:0}
.iq-alert b{font-size:14px;font-weight:600;line-height:1.4}
.iq-alert p{font-size:13px;margin-top:5px;line-height:1.55;color:var(--iq-muted)}
.iq-toast-icon{width:40px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:11px;background:var(--iq-info-bg);color:var(--iq-info)}
.iq-toast.tone-danger .iq-toast-icon{background:var(--iq-danger-fill);color:var(--iq-on-danger)}
.iq-toast.tone-danger .iq-toast-copy>b{color:var(--iq-danger)}
.iq-toast.tone-success .iq-toast-icon{background:var(--iq-success-bg);color:var(--iq-success)}
.iq-toast.tone-warning .iq-toast-icon{background:var(--iq-warning-bg);color:var(--iq-warning)}
/* A meaningful step has its own state, not just a number filled black. */
.iq-stepper{gap:20px;flex-wrap:nowrap}
.iq-stepper li{position:relative;flex:1;min-width:0;display:block}
.iq-stepper li:not(:last-child)::after{content:"";height:1px;background:var(--iq-line);width:24px;position:absolute;right:-21px;top:21px}
.iq-stepper button{display:flex;align-items:center;gap:12px;text-align:left;background:none;padding:3px 6px 3px 0;border-radius:10px;min-height:48px;max-width:100%}
.iq-stepper button:disabled{cursor:default;opacity:1}
.iq-step-index{width:36px;height:36px;border:0;background:var(--iq-raised);color:var(--iq-muted);font-weight:500;font-size:14px;transition:background 180ms,color 180ms}
.iq-stepper .current .iq-step-index{background:var(--iq-primary);color:var(--iq-on-primary)}
.iq-stepper .done .iq-step-index{background:var(--iq-completed);color:var(--iq-muted);border:0}
.step-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.step-copy>b{font-size:13px;font-weight:500;color:var(--iq-muted)}
.current .step-copy>b{color:var(--iq-ink);font-weight:600}
.step-status{font-size:10px;white-space:nowrap;color:var(--iq-muted)}
.step-counter{margin:26px 0 20px}
/* Calendar variants. Selected / selected:hover are a single paired color contract. */
.calendar-variants{width:100%;max-width:370px;margin:auto}
.calendar-variants>iq-tabs>.iq-tabs-list{margin-bottom:20px;justify-content:flex-start}
.calendar-variants .iq-tab-panel{padding-top:0}
iq-calendar{max-width:370px;margin:auto;padding:24px;border:0;border-radius:18px;background:var(--iq-raised);box-shadow:0 3px 16px var(--iq-fixed-00000006)}
.iq-calendar-heading{margin:0 0 14px;gap:12px}
.iq-calendar-heading b{font-size:15px;text-transform:capitalize;font-weight:600}
.calendar-arrows{display:flex;gap:2px}
.iq-calendar-grid button{position:relative;height:38px;border-radius:50%;font-size:13px;transition:background-color 160ms,color 160ms,transform 180ms var(--iq-ease)}
.iq-calendar-grid button.selected,.iq-calendar-grid button.selected:hover{background:var(--iq-primary);color:var(--iq-on-primary)}
.iq-calendar-grid button:active:not(:disabled){transform:scale(.91)}
.iq-calendar-grid .today{box-shadow:none}
.iq-calendar-grid .today::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;bottom:4px;left:calc(50% - 1.5px)}
.iq-calendar-grid button:disabled{opacity:.3;cursor:default}
.iq-calendar-week span{font-size:11px;font-weight:500;padding:8px 0}
.iq-calendar-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:16px;font-size:12px;line-height:1.4;color:var(--iq-ink)}
.iq-calendar-foot>span:first-child{display:inline-flex;align-items:center;gap:8px}
.iq-calendar-foot .calendar-foot-hint{font-size:10px;color:var(--iq-muted)}
.iq-calendar-foot output{font-weight:600;font-variant-numeric:tabular-nums}
.calendar-time{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--iq-line)}
.calendar-time small{display:block;max-width:150px;font-size:10px;color:var(--iq-muted);line-height:1.45;margin-top:4px}
.calendar-time .iq-control-label{margin:0}
.calendar-clock{display:flex;align-items:center;gap:3px;border:1px solid var(--iq-line);border-radius:9px;background:var(--iq-surface);padding:4px}
.calendar-clock input{width:32px;padding:5px 0;min-height:32px;background:none;border:0;appearance:textfield;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.calendar-clock input::-webkit-inner-spin-button{appearance:none}
.calendar-clock:focus-within{border-color:var(--iq-focus)}
.iq-pagination{gap:14px;display:inline-flex;flex-wrap:nowrap}
.page-numbers{display:flex;gap:5px}
.page-numbers button{height:38px;min-width:38px;border-radius:50%;border:0;transition:background 170ms,transform 190ms var(--iq-ease)}
.iq-pagination .page-numbers button[aria-current=page]{background:var(--iq-primary);color:var(--iq-on-primary);border:0;font-weight:600}
.page-numbers button:active{transform:scale(.9)}
.pagination-count{margin-top:16px;text-align:center}
/* Whole-row entry points. No nested link/button targets. */
.command-entry{display:flex;align-items:center;gap:17px;width:100%;min-height:88px;border:0;background:var(--iq-raised);padding:20px 22px;border-radius:14px;text-align:left;transition:background 160ms}
.command-entry>span{flex:1;min-width:0}
.command-entry b{display:block;font-size:15px;font-weight:500}
.command-entry small{display:block;color:var(--iq-muted);font-size:12px;margin-top:4px}
.command-entry kbd{color:var(--iq-muted);font-size:11px}
.command-entry>.iq-icon:last-child,.navigation-list .iq-list-item>.iq-icon{transition:transform 200ms var(--iq-ease)}
.navigation-list .iq-list-item{display:flex;gap:18px;padding:22px 20px;border-bottom:1px solid var(--iq-line);border-radius:10px;text-decoration:none;transition:background 160ms}
.navigation-list .iq-list-item:last-child{border-bottom:0}
.list-symbol{width:44px;height:48px;border-radius:12px;background:var(--iq-raised);display:grid;place-items:center;flex:0 0 44px}
.list-copy{display:block;flex:1;min-width:0}
.list-copy b{font-size:14px;font-weight:500}
.list-copy small{display:flex;gap:16px;flex-wrap:wrap;margin-top:5px;font-size:11px;color:var(--iq-muted)}
/* Metric: value and target occupy different typographic roles. */
.refined-metric{border:0;border-radius:18px;padding:28px;width:min(100%,600px)}
.refined-metric>header{display:flex;justify-content:space-between;gap:16px;align-items:center}
.refined-metric h3{font-size:16px;font-weight:600;letter-spacing:-.02em}

.metric-measure{display:flex;align-items:center;gap:18px;margin:23px 0 24px}
.metric-measure>strong{font-size:64px;line-height:1;font-weight:500;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.metric-measure>div{display:flex;flex-direction:column;gap:2px;color:var(--iq-muted)}
.metric-measure>div>span{font-size:20px;letter-spacing:-.025em}
.metric-measure>div>small{font-size:11px}
.metric-glyph{margin-left:auto;width:48px;height:48px;background:var(--iq-surface);border-radius:14px;display:grid;place-items:center;color:var(--iq-muted)}
.metric-track{display:flex;gap:18px;align-items:center}
.metric-track>span{font-size:11px;white-space:nowrap;color:var(--iq-muted)}
.metric-track>.iq-progress{flex:1;height:4px}
.metric-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px}
.metric-change{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.45;color:var(--iq-muted)}
.refined-metric .metric-change b{font-size:12px;font-weight:600;letter-spacing:0;color:var(--iq-success)}
.metric-change>.iq-icon{color:var(--iq-success)}
.metric-spark{display:block;width:105px;flex-shrink:0;color:var(--iq-ink)}
.metric-spark svg{width:100%;height:36px}
/* Grouped, typed history. Dense but not an undifferentiated timeline. */
.activity-panel{width:min(100%,760px);margin:auto}
.activity-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}
.activity-panel h3{font-size:21px;margin-top:8px}
.activity-filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:28px}
.activity-filters button{padding:8px 14px;min-height:36px;border-radius:999px;background:transparent;color:var(--iq-muted);font-size:12px}
.activity-filters [aria-pressed=true]{background:var(--iq-primary);color:var(--iq-on-primary)}
.activity-days>[data-event-day]{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;margin:0 0 24px}
.activity-days h4{font-size:11px;font-weight:500;color:var(--iq-muted);padding-top:12px}
.activity-event{display:flex;align-items:flex-start;gap:12px;padding:10px 0 15px}
.activity-event+article{border-top:1px solid var(--iq-line);padding-top:15px}
.event-symbol{width:34px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--iq-raised);color:var(--iq-muted);flex-shrink:0}
.event-symbol.decisions{background:var(--iq-success-bg);color:var(--iq-success)}
.activity-event>div{min-width:0;flex:1}
.activity-event b{font-size:13px;font-weight:500}
.activity-event p{font-size:12px;color:var(--iq-muted);margin-top:4px;line-height:1.6}
.activity-event time{font-variant-numeric:tabular-nums;font-size:10px;color:var(--iq-muted);padding-top:3px;white-space:nowrap}
.activity-event summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;border-radius:4px}
.activity-event summary::-webkit-details-marker{display:none}
.activity-event details[open] summary>.iq-icon{transform:rotate(180deg)}
.activity-event .event-detail{padding:12px;border-radius:10px;background:var(--iq-raised);font-size:12px}
.activity-next{margin-left:116px;display:flex;align-items:center;gap:13px;border-top:1px solid var(--iq-line);padding-top:20px}
.activity-next>span{width:34px;text-align:center}
.activity-next b{font-size:13px;font-weight:500}
.activity-next p{margin-top:3px;color:var(--iq-muted);font-size:11px}
/* Searchable tree. Icon and disclosure have different jobs. */
.tree-variants{width:min(100%,570px);margin:auto}
.tree-variants .iq-tab-panel{padding-top:18px}
.tree-panel{background:var(--iq-raised);border-radius:17px;padding:22px}
.tree-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}
.tree-top h3{font-size:18px;margin-top:7px}
.tree-count{font-size:10px;color:var(--iq-muted);white-space:nowrap}
.tree-search{display:flex;align-items:center;gap:9px;background:var(--iq-surface);border:1px solid transparent;border-radius:9px;padding:9px 12px;color:var(--iq-muted);margin-bottom:16px}
.tree-search input{border:0;background:none;min-width:0;width:100%;font-size:12px;min-height:22px}
.tree-search:focus-within{border-color:var(--iq-focus)}
.tree-content{min-height:130px}
.tree-row{display:flex;align-items:center;gap:10px;min-height:40px;padding:7px 10px 7px calc(5px + var(--tree-level)*21px);border-radius:8px;cursor:pointer;font-size:13px;transition:background 150ms,color 150ms}
.tree-row.is-selected{background:var(--iq-accent-soft);color:var(--iq-accent)}
.tree-disclosure{display:grid;place-items:center;width:14px;height:26px;flex:0 0 14px}
.tree-disclosure>.iq-icon{transition:transform 180ms var(--iq-ease)}
.tree-row[aria-expanded=true] .tree-disclosure>.iq-icon{transform:rotate(90deg)}
.tree-node-icon{display:grid;place-items:center;color:var(--iq-muted)}
.tree-node-label{flex:1;min-width:0;overflow-wrap:anywhere}
.tree-node-count{font-size:11px;color:var(--iq-muted);font-variant-numeric:tabular-nums}
.tree-checkbox{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;background:var(--iq-surface);border:1px solid var(--iq-control);border-radius:5px}
.tree-checkbox.true{border-color:transparent;background:var(--iq-primary);color:var(--iq-on-primary)}
.tree-checkbox.mixed{border-color:transparent;background:var(--iq-completed);color:var(--iq-ink)}
.tree-status{font-size:11px;color:var(--iq-muted);border-top:1px solid var(--iq-line);padding-top:16px;margin-top:18px}
.tree-no-results{padding:22px 0;font-size:13px;color:var(--iq-muted)}
/* Empty, contextual and systemic states use substantial but restrained symbols. */
.empty-art{width:106px;height:95px;position:relative;margin:0 auto 28px}
.empty-sheet{position:absolute;left:14px;top:8px;width:76px;height:76px;border-radius:19px;background:var(--iq-raised);display:grid;place-items:center;color:var(--iq-muted);box-shadow:0 6px 20px var(--iq-fixed-00000006)}
.empty-sheet.back{transform:rotate(-9deg) translate(-4px,-3px);background:var(--iq-completed);box-shadow:none}
.empty-art-plus{position:absolute;right:0;bottom:0;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--iq-primary);color:var(--iq-on-primary)}
.iq-empty{padding:36px 20px}
.iq-empty h3{font-size:23px;letter-spacing:-.03em}
.iq-empty p{font-size:14px;line-height:1.65;max-width:43ch;margin:12px auto 23px;color:var(--iq-muted)}
.system-notice{display:flex;align-items:center;gap:22px;padding:25px 28px;background:var(--iq-raised);border-radius:16px}
.system-notice>div{flex:1;min-width:0}
.system-notice h3{font-size:17px;margin-top:8px}
.system-notice p{font-size:12px;line-height:1.65;color:var(--iq-muted);margin-top:6px;max-width:60ch}
.system-symbol{display:grid;place-items:center;width:54px;height:64px;flex:0 0 54px;border-radius:14px;background:var(--iq-info-bg);color:var(--iq-info)}
.system-notice>.iq-btn{white-space:nowrap}
.refined-context{width:min(100%,650px);margin:auto}
.refined-context .context-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:var(--iq-raised);border:0;padding:30px;border-radius:17px}
.refined-context .context-record h3{margin-top:14px;font-size:25px;letter-spacing:-.03em}
.refined-context .document-symbol{width:58px;height:64px;border-radius:15px;background:var(--iq-surface);display:grid;place-items:center;color:var(--iq-muted)}
.refined-context dl{grid-column:1/-1;display:flex;gap:46px;margin:0;border-top:1px solid var(--iq-line);padding-top:20px}
.refined-context dl div{display:flex;flex-direction:column;gap:5px}
.refined-context dt{font-size:10px;color:var(--iq-muted)}
.refined-context dd{margin:0;font-size:13px}
.context-confirmation{display:flex;align-items:center;gap:28px;padding:26px 4px 0}
.context-confirmation>div{flex:1}
.context-confirmation b{font-size:14px;font-weight:500}
.context-confirmation p{color:var(--iq-muted);line-height:1.65;font-size:12px;margin-top:6px;max-width:49ch}
/* Upload: related copy is grouped; selection action and limits have their own spacing. */
.iq-dropzone{padding:36px 30px 25px;background:var(--iq-raised);border:1px dashed var(--iq-control);border-radius:17px;transition:background-color 200ms,border-color 200ms}
.iq-upload-art{position:relative;width:90px;height:88px;margin:0 auto 22px;perspective:600px}
.iq-upload-sheet{position:absolute;left:10px;top:8px;width:66px;height:70px;border:0;border-radius:14px;display:grid;place-items:center;background:var(--iq-surface);color:var(--iq-muted);transform:rotate(-5deg);transition:transform 320ms var(--iq-ease-spring),background 200ms,color 200ms}
.upload-back-sheet{position:absolute;left:6px;top:4px;width:66px;height:70px;background:var(--iq-completed);border-radius:14px;transform:rotate(6deg);transition:transform 320ms var(--iq-ease-spring)}
.iq-upload-circle{position:absolute;right:0;bottom:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--iq-primary);color:var(--iq-on-primary);transition:transform 320ms var(--iq-ease-spring)}
.upload-copy b{display:block;font-size:19px;font-weight:500;letter-spacing:-.025em}
.upload-copy p{margin:8px auto 0;font-size:13px;line-height:1.6;color:var(--iq-muted);max-width:38ch}
.iq-dropzone>[data-pick-file]{margin-top:24px}
.upload-limits{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:20px;font-size:11px;line-height:1.5;color:var(--iq-muted)}
.iq-dropzone.dragover{background:var(--iq-accent-soft);border-color:var(--iq-accent);border-style:dashed}
.iq-dropzone.dragover .iq-upload-sheet{transform:translateY(-9px) rotate(0);background:var(--iq-raised);color:var(--iq-accent)}
.iq-dropzone.dragover .upload-back-sheet{transform:translate(-6px,-2px) rotate(-11deg)}
.iq-dropzone.dragover .iq-upload-circle{transform:translateY(-5px) scale(1.12)}
@media(hover:hover){.iq-dropzone:hover .iq-upload-sheet{transform:translateY(-4px) rotate(0)}.iq-dropzone:hover .upload-back-sheet{transform:rotate(-9deg) translateX(-3px)}.iq-dropzone:hover .iq-upload-circle{transform:translateY(-2px)}}
.upload-local-note{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:11px;line-height:1.5}
.upload-status{font-size:12px;color:var(--iq-muted);margin-top:12px}
.upload-status:empty{display:none}
.file-samples-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.file-samples-head h3{font-size:21px}
.file-samples-head p{font-size:12px;color:var(--iq-muted);margin-top:6px}
.iq-file-item{gap:18px;padding:18px 0;align-items:center}
.iq-file-item:last-child{border-bottom:0}
.iq-file-item>.file-item-copy{flex:1;min-width:0}
.iq-file-item b{font-size:13px;font-weight:500;line-height:1.5}
.iq-file-item small{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;margin-top:5px}
.iq-file-item>.file-local-state{font-size:10px;background:var(--iq-raised);white-space:nowrap}
/* Previews are never filter-blurred or scaled up from tiny icons. */
iq-file-preview{display:block;width:82px;height:68px;flex:0 0 82px}
.file-preview-button{position:relative;display:block;overflow:hidden;width:100%;height:100%;background:var(--iq-recessed);border:0;border-radius:9px;padding:0;cursor:zoom-in}
.file-preview-button>img,.file-preview-button>canvas{width:100%;height:100%;object-fit:cover;display:block}
iq-file-preview[data-kind=pdf] .file-preview-button,iq-file-preview[data-kind=text] .file-preview-button{background:var(--iq-fixed-ececef)}
iq-file-preview[data-kind=pdf] img,iq-file-preview[data-kind=pdf] canvas,iq-file-preview[data-kind=text] canvas{width:78%;height:auto;object-fit:contain;object-position:top;margin:6px auto 0;box-shadow:0 1px 5px var(--iq-fixed-00000014)}
.preview-loading{width:100%;height:100%;display:grid;place-items:center;color:var(--iq-muted);background:var(--iq-raised)}
.preview-kind{position:absolute;bottom:4px;right:4px;font-size:7px;font-weight:600;line-height:1;padding:3px 4px;background:var(--iq-fixed-18181ccf);color:var(--iq-white);border-radius:3px;letter-spacing:.02em;pointer-events:none}
.video-scrub-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--iq-fixed-ffffff50);opacity:0;transition:opacity 150ms}
.video-scrub-track>i{display:block;width:100%;height:100%;background:white;transform:scaleX(0);transform-origin:left}
.file-preview-button:hover .video-scrub-track{opacity:1}
.media-dialog{padding:0;border:0;border-radius:19px;background:var(--iq-raised);color:var(--iq-ink);width:min(1040px,94vw);max-height:92dvh;box-shadow:0 30px 100px var(--iq-fixed-00000070)}
.media-dialog::backdrop{background:var(--iq-fixed-08080bcd)}
.media-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:24px}
.media-dialog h2{font-size:18px;margin-top:7px;overflow-wrap:anywhere}
.media-dialog>header>div{min-width:0}
.media-dialog-body{background:var(--iq-recessed);min-height:180px;max-height:70dvh;overflow:auto}
.media-dialog-body>img,.media-dialog-body>video{width:auto;max-width:100%;max-height:68dvh;margin:auto;object-fit:contain}
.media-dialog-body>object{display:block;width:100%;height:66dvh;border:0}
.media-dialog-body>pre{font:14px/1.85 var(--iq-font);white-space:pre-wrap;overflow-wrap:anywhere;max-width:790px;background:var(--iq-raised);padding:36px;margin:0 auto;min-height:360px}
.media-dialog-body>p{padding:30px}
.media-dialog>footer{padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--iq-muted)}
/* Feature: an editorial statement and actual UI content, no artificial light bands. */
.specimen-surface:has(.refined-feature){padding:0;background:transparent;min-height:0}
.refined-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:44px;background:var(--iq-surface);border-radius:18px;color:var(--iq-ink);width:100%}
.feature-copy h3{font-size:clamp(26px,2.6vw,38px);line-height:1.12;letter-spacing:-.04em;margin-top:23px}
.feature-copy p{font-size:13px;line-height:1.7;color:var(--iq-muted);margin:19px 0 27px;max-width:32ch}
.feature-proof{padding:23px;background:var(--iq-raised);border-radius:13px;box-shadow:0 10px 35px var(--iq-fixed-00000007);transform:translateY(0);transition:transform 400ms var(--iq-ease-spring)}
.proof-mini-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--iq-muted)}

.feature-proof h4{font-size:20px;font-weight:500;letter-spacing:-.027em;line-height:1.25;margin:21px 0 22px}
.feature-proof-row{display:flex;align-items:center;gap:11px;margin-top:16px}
.feature-proof-symbol{display:grid;place-items:center;width:33px;height:39px;border-radius:9px;background:var(--iq-surface);color:var(--iq-muted);flex-shrink:0}
.feature-proof-symbol.done{background:var(--iq-success-bg);color:var(--iq-success)}
.feature-proof-row b{display:block;font-size:11px;font-weight:500}
.feature-proof-row small{display:block;font-size:10px;line-height:1.45;margin-top:4px;color:var(--iq-muted)}
.feature-proof-foot{display:flex;align-items:center;gap:8px;border-top:1px solid var(--iq-line);padding-top:18px;margin-top:21px;font-size:10px;color:var(--iq-muted)}
/* Calendar planning: a true month plus a compact date-grouped alternative. */
iq-plan{display:block;min-width:0}
.deadline-planner{border-radius:18px;background:var(--iq-surface);padding:24px;min-width:0}
.plan-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.plan-toolbar h2{font-size:25px;text-transform:capitalize;margin-top:8px;letter-spacing:-.03em}
.plan-month-controls{display:flex;gap:4px;margin-left:auto}
.plan-modes{margin-left:12px}
.plan-modes button{display:flex;align-items:center;gap:8px;font-size:11px}
.plan-weekday{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 0 12px;gap:6px}
.plan-weekday span{font-size:11px;color:var(--iq-muted);padding-left:12px}
.plan-weekday span:nth-last-child(-n/**/+2){color:var(--iq-subtle)}
.plan-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.plan-day{min-height:122px;background:var(--iq-raised);border-radius:10px;padding:9px;min-width:0}
.plan-day.outside{background:transparent}
.plan-day-head{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-bottom:10px;color:var(--iq-muted)}
.plan-day-head time{font-size:12px;line-height:27px;width:27px;height:27px;text-align:center;font-variant-numeric:tabular-nums;border-radius:50%}
.plan-day.is-today time{background:var(--iq-primary);color:var(--iq-on-primary)}
.plan-day-head>span{font-size:8px;color:var(--iq-muted)}
.plan-deadline{display:block;width:100%;text-align:left;background:var(--iq-accent-soft);color:var(--iq-ink);border:0;border-radius:7px;padding:8px;transition:background 160ms,transform 180ms}
.plan-deadline>span{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--iq-accent);margin-bottom:6px}
.plan-deadline>b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;line-height:1.4;font-size:10px}
.plan-deadline.done{background:var(--iq-success-bg)}
.plan-deadline.done>span{color:var(--iq-success)}
.plan-deadline+button{margin-top:5px}
.plan-legend{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:19px;font-size:11px;color:var(--iq-muted)}
.plan-legend>span:first-child{display:flex;align-items:center;gap:8px}
.plan-agenda{display:none}
.deadline-planner[data-mode=agenda] .plan-month-grid{display:none}
.deadline-planner[data-mode=agenda] .plan-agenda{display:block}
.agenda-day{display:grid;grid-template-columns:90px minmax(0,1fr);gap:28px;padding:20px 0;border-top:1px solid var(--iq-line)}
.agenda-date{display:flex;gap:10px;align-items:center;padding-left:7px}
.agenda-date strong{font-size:34px;line-height:1;font-weight:500;letter-spacing:-.04em}
.agenda-date span{font-size:10px;line-height:1.5;color:var(--iq-muted)}
.agenda-task{display:flex;align-items:center;width:100%;gap:15px;min-height:62px;padding:12px;border-radius:10px;background:var(--iq-raised);text-align:left;transition:background 160ms,transform 160ms}
.agenda-task>span:nth-child(2){min-width:0;flex:1}
.agenda-task b{font-size:13px;font-weight:500}
.agenda-task small{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;margin-top:5px;color:var(--iq-muted)}
.agenda-task+.agenda-task{margin-top:7px}
.agenda-state{height:33px;width:33px;display:grid;place-items:center;border-radius:9px;color:var(--iq-accent);background:var(--iq-accent-soft)}
.agenda-state.done{color:var(--iq-success);background:var(--iq-success-bg)}
.agenda-empty{padding:25px 0}
.agenda-empty p{font-size:13px;color:var(--iq-muted);margin:10px 0 20px}
/* Voice examples: context, weak text, concrete replacement. */
.voice-examples>article{display:grid;grid-template-columns:100px 1fr 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--iq-line)}
.voice-examples>article>span{font-size:11px;color:var(--iq-muted)}
.voice-examples small{display:block;font-size:10px;color:var(--iq-muted);margin-bottom:9px}
.voice-examples p{font-size:13px;line-height:1.65}
.voice-before p{color:var(--iq-muted)}
.voice-after{padding-left:18px;border-left:2px solid var(--iq-ink)}
/* Keyboard focus WITHOUT contours. Fields alone keep an input boundary.
   Filled focus and underlined labels differ from both hover and selected state. */
:where(button,a,summary,[role=treeitem]):focus-visible,.iq-btn.visual-focus{outline:none;background:var(--iq-focus-fill);color:var(--iq-focus-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;box-shadow:none}
.iq-btn:focus-visible,.iq-btn.visual-focus,.iq-calendar-grid button:focus-visible,.iq-calendar-grid button.selected:focus-visible,.iq-pagination .page-numbers button:focus-visible,.activity-filters button:focus-visible,.tree-row:focus-visible,.iq-menu-popup button:focus-visible,.iq-command-list>button:focus-visible,.iq-segmented>button:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);border-color:transparent;outline:none;box-shadow:none}
.iq-btn:focus-visible>*,:is(.tree-row,.command-entry,.iq-list-item,.agenda-task,.plan-deadline):focus-visible *{color:inherit}
.iq-select-trigger:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);border-color:transparent}
.iq-check:has(input:focus-visible),.iq-radio:has(input:focus-visible),.iq-switch:has(input:focus-visible){border-radius:5px;background:var(--iq-focus-fill);color:var(--iq-focus-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.iq-check input:focus-visible+.iq-check-box,.iq-radio input:focus-visible+.iq-radio-dot,.iq-switch input:focus-visible+.iq-switch-track{outline:none;box-shadow:none}
.iq-tabs-list button:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);border-radius:6px}
[role=tabpanel]:focus-visible{outline:none}
[role=tabpanel]:focus-visible::before{content:"Фокус раздела";display:block;width:max-content;padding:3px 9px;margin-bottom:12px;border-radius:4px;background:var(--iq-focus-fill);color:var(--iq-focus-text);font-size:10px}
input[type=range]:focus-visible{outline:none;background:var(--iq-focus-fill);border-radius:8px}
input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--iq-focus-text)}
:where(input,textarea):focus-visible{outline:none}
#main:focus{background:transparent;text-decoration:none;outline:none}
.file-preview-button:focus-visible{box-shadow:none}
.file-preview-button:focus-visible::after{content:"Открыть";position:absolute;inset:auto 0 0;background:var(--iq-focus-fill);color:var(--iq-focus-text);font-size:10px;font-weight:600;padding:5px}
@media(max-width:1000px){.refined-feature{padding:30px;gap:23px}.feature-proof{padding:20px}.plan-day{padding:6px}.plan-deadline{padding:6px}.plan-day-head>span{display:none}.activity-days>[data-event-day]{grid-template-columns:75px minmax(0,1fr);gap:15px}.activity-next{margin-left:90px}}
@media(max-width:760px){
 .plan-month-grid{display:none!important}.plan-agenda{display:block}.plan-modes{display:none}.deadline-planner{padding:19px}.plan-toolbar{margin-bottom:18px}.plan-legend{align-items:flex-start}.plan-legend .iq-badge{display:none}
 .refined-feature{grid-template-columns:1fr;padding:25px}.feature-copy h3{font-size:31px}.feature-copy p{max-width:40ch}.feature-proof{max-width:460px;width:100%;margin:auto}
 .system-notice{flex-wrap:wrap;padding:23px;gap:18px}.system-notice>div{flex-basis:60%}.system-notice>.iq-btn{margin-left:72px}
 .voice-examples>article{grid-template-columns:1fr 1fr;gap:17px}.voice-examples>article>span{grid-column:1/-1}
 .file-local-state{display:none!important}.iq-file-item{gap:13px}.iq-file-item small{gap:3px;flex-direction:column}
}
@media(max-width:460px){
 .iq-stepper{gap:12px}.iq-stepper li:not(:last-child)::after{width:13px;right:-12px;top:19px}.iq-stepper button{flex-direction:column;align-items:flex-start;gap:10px;padding-right:0}.iq-step-index{width:32px;height:32px}.step-copy>b{font-size:12px}.step-status{font-size:9px}.step-counter{margin-top:22px}
 iq-calendar{padding:16px 12px}.calendar-variants>iq-tabs>.iq-tabs-list{gap:16px}.iq-calendar-heading b{font-size:13px}.calendar-arrows .iq-btn.sm{--h:30px}.iq-calendar-grid button{height:33px;font-size:12px}.calendar-time{gap:8px}.calendar-time small{max-width:108px;font-size:9px}.calendar-clock input{width:26px}.iq-calendar-foot .calendar-foot-hint{display:none}.iq-calendar-foot{font-size:11px}
 .iq-pagination{gap:8px}.page-numbers{gap:1px}.page-numbers button{min-width:30px;width:30px;height:32px}.iq-pagination>.iq-btn{min-width:30px;width:30px}
 .refined-metric{padding:21px}.metric-measure{gap:12px}.metric-measure>strong{font-size:56px}.metric-measure>div>span{font-size:18px}.metric-glyph{width:34px;height:39px}.metric-foot{gap:10px}.metric-spark{width:65px}.metric-change{flex-wrap:wrap;font-size:10px}.refined-metric h3{font-size:14px}
 .iq-alert{padding:17px 14px;gap:13px}.message-emblem{width:38px;flex-basis:38px;min-height:44px;border-radius:10px}.message-emblem .iq-icon{width:22px;height:22px}.iq-alert b{font-size:13px}.iq-alert p{font-size:12px}
 .activity-days>[data-event-day]{display:block}.activity-days h4{margin-bottom:9px}.activity-next{margin-left:0}.activity-event{gap:10px}.activity-event time{font-size:9px}.event-symbol{width:30px;height:32px}.activity-filters button{padding:7px 10px;font-size:11px}
 .tree-panel{padding:16px 12px}.tree-count{display:none}.tree-top h3{font-size:17px}.tree-row{gap:7px;padding-left:calc(2px + var(--tree-level)*14px);font-size:12px}.tree-disclosure{width:12px;flex-basis:12px}.tree-node-icon .iq-icon{width:17px;height:17px}
 .iq-dropzone{padding:27px 17px 22px}.upload-copy b{font-size:18px}.upload-copy p{font-size:12px}.upload-limits{font-size:10px}.upload-local-note{align-items:flex-start;font-size:10px}
 .file-samples-head{align-items:flex-start}.file-samples-head h3{font-size:19px}.file-samples-head>.iq-badge{display:none}iq-file-preview{width:63px;height:62px;flex-basis:63px}.iq-file-item{gap:10px}.iq-file-item b{font-size:11px}.iq-file-item small{font-size:10px}.iq-file-item>.iq-btn.sm{--h:28px}
 .navigation-list .iq-list-item{padding:16px 0;gap:11px}.list-symbol{width:36px;flex-basis:36px;height:42px}.list-copy b{font-size:13px}.list-copy small{gap:3px;flex-direction:column;font-size:10px}.command-entry{padding:18px 16px;gap:12px}.command-entry b{font-size:14px}.command-entry small{font-size:11px}.command-entry kbd{display:none}
 .system-notice{padding:19px;gap:14px}.system-symbol{width:40px;flex-basis:40px;height:52px;border-radius:12px}.system-notice h3{font-size:15px}.system-notice>.iq-btn{margin-left:0}.system-notice .sample-overline{font-size:8px}
 .refined-context .context-record{padding:22px;gap:18px}.refined-context .context-record h3{font-size:22px}.refined-context .document-symbol{width:42px;height:53px}.refined-context dl{gap:24px}.context-confirmation{gap:15px}.context-confirmation p{font-size:11px}
 .voice-examples>article{grid-template-columns:1fr}.voice-examples>article>span{grid-column:auto}
 .agenda-day{grid-template-columns:56px minmax(0,1fr);gap:12px}.agenda-date{padding:0;flex-direction:column;align-items:flex-start;gap:5px}.agenda-date strong{font-size:29px}.agenda-date span br{display:initial}.agenda-task{gap:9px;padding:11px}.agenda-task b{font-size:12px}.agenda-task small{font-size:9px;gap:8px}.agenda-state{width:27px;flex:0 0 27px;height:30px}.agenda-task>.iq-icon{display:none}.plan-toolbar h2{font-size:23px}
 .media-dialog>header{padding:17px}.media-dialog h2{font-size:15px}.media-dialog>footer{flex-wrap:wrap;padding:15px 17px}.media-dialog-body>pre{padding:22px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.iq-btn:hover,.iq-upload-sheet,.iq-upload-circle,.upload-back-sheet,.refined-feature:hover .feature-proof{transform:none!important}}
[data-motion=reduced] *,[data-motion=reduced] *::before,[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
[data-motion=reduced] .iq-btn:hover,[data-motion=reduced] .refined-feature:hover .feature-proof{transform:none}
@media(forced-colors:active){:where(button,a,summary,[role=treeitem]):focus-visible,.iq-btn.visual-focus{outline:none;background:Highlight!important;color:HighlightText!important}.iq-btn.primary,.page-numbers [aria-current=page],.iq-calendar-grid button.selected{background:Highlight;color:HighlightText}.iq-input-shell,.iq-combo-shell{border:1px solid FieldText}.iq-input-shell:focus-within,.iq-combo-shell:focus-within{border:2px solid Highlight}.message-emblem,.system-symbol{forced-color-adjust:none}.iq-check:has(input:focus-visible),.iq-radio:has(input:focus-visible),.iq-switch:has(input:focus-visible){background:Highlight;color:HighlightText}.tree-checkbox{border:1px solid ButtonText}}

/* Integration corrections: final-state precedence, icon/copy alignment and no contour focus. */
[data-theme=dark] .iq-input-shell.error{border-color:var(--iq-danger);background:var(--iq-field-bg)}
.upload-local-note{display:flex;align-items:flex-start;gap:7px}
.upload-local-note>.iq-icon{margin-top:2px}
.iq-step-index{display:grid;place-items:center;flex:0 0 auto}
button:focus-visible,a:focus-visible,summary:focus-visible,[role=treeitem]:focus-visible{outline:none}
.iq-btn.visual-focus{border-color:transparent}
@media(prefers-reduced-motion:reduce){.iq-btn,.iq-btn>.iq-icon,.iq-step-index,.iq-calendar-grid button,.tree-disclosure>.iq-icon{transition:none!important}}

.upload-privacy{display:flex;align-items:flex-start;gap:7px;margin-top:18px}
.upload-privacy>.iq-icon{margin-top:2px}
.upload-errors:not(:empty){margin-top:20px}
.media-dialog footer{flex-wrap:wrap;gap:12px}
.media-dialog footer>span{margin-right:auto}
.pdf-page-view{background:var(--iq-fixed-ececef);padding:24px;display:flex;align-items:center;flex-direction:column;gap:16px;width:100%}
.pdf-page-view img{max-width:min(100%,680px);width:auto;height:auto;max-height:none;box-shadow:0 4px 20px var(--iq-fixed-00000016)}
.pdf-page-label{font-size:12px;color:var(--iq-fixed-505057)}
.pdf-preview-fallback{padding:48px;max-width:600px;margin:auto}
.pdf-preview-fallback h3{font-size:22px;margin-bottom:12px}
.pdf-preview-fallback p{font-size:14px;line-height:1.7;color:var(--iq-muted)}

/* IQUIPAGE 04.2: corrections only; approved composition and typography retained. */
.iq-toast{align-items:center}.iq-toast-copy{align-self:center;min-width:0}.iq-toast-copy>b{display:block;line-height:1.45}.iq-toast-copy p:empty{display:none}.iq-toast.summary-only{min-height:76px;padding:16px 18px}.iq-toast.summary-only .iq-toast-icon{width:36px;height:36px}.iq-toast>.iq-btn{align-self:center}
.copy-confirmation{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.iq-btn[data-copy-state=success]{color:var(--iq-success);background:var(--iq-success-bg);border-color:transparent}.iq-btn[data-copy-state=error]{color:var(--iq-danger);background:var(--iq-danger-bg)}
.iq-alert.danger{background:var(--iq-danger-bg);color:var(--iq-ink)}.iq-alert.danger .message-copy>b,.iq-alert.danger .message-copy p{color:var(--iq-danger)}.iq-input-shell.error{background:var(--iq-field-bg)}.iq-toast.tone-danger .iq-toast-icon{background:var(--iq-danger-fill)}
.iq-badge.success{background:var(--iq-success-bg);color:var(--iq-success);gap:6px;font-weight:550}.iq-badge.warning{background:var(--iq-warning-bg);color:var(--iq-warning);gap:6px;font-weight:500}.iq-alert.warning .message-emblem{background:var(--iq-warning-bg);color:var(--iq-warning)}
.iq-calendar-grid [role=gridcell]{display:grid;place-items:center}.iq-calendar-grid button{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;aspect-ratio:1;padding:0;border-radius:50%;box-sizing:border-box;display:grid;place-items:center}
.iq-calendar-grid button.selected:hover{color:var(--iq-on-primary);background:var(--iq-primary)}.iq-calendar-foot>span:first-child{display:inline-flex;align-items:center;gap:9px}.iq-calendar-grid button.selected:focus-visible{color:var(--iq-focus-text);background:var(--iq-focus-fill)}
iq-time{display:block;width:100%;margin:16px 0 0}.time-picker{padding:17px 0 0;border-top:1px solid var(--iq-line)}.time-picker-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.time-picker-top>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:550}.time-picker-top small{font-size:10px;color:var(--iq-muted)}.time-segments{display:flex;align-items:center;gap:9px}.time-segment{display:flex;border-radius:10px;background:var(--iq-recessed);padding:4px;min-width:0}.time-segment input{width:40px;height:40px;min-width:0;font-size:21px;font-weight:500;text-align:center;line-height:1;background:transparent;border:0;outline:none;font-variant-numeric:tabular-nums;padding:0;color:var(--iq-ink)}.time-segment:focus-within{box-shadow:inset 0 0 0 1.5px var(--iq-focus)}.time-segment>div{display:flex;flex-direction:column;gap:2px}.time-segment button{width:25px;height:19px;display:grid;place-items:center;border-radius:5px;background:transparent;color:var(--iq-muted)}.time-segment button:hover{background:var(--iq-raised);color:var(--iq-ink)}.time-colon{font-size:20px;color:var(--iq-muted)}.time-quarter{font-size:11px;padding:9px 8px;border-radius:7px;background:var(--iq-surface);margin-left:auto;white-space:nowrap}.time-presets{display:flex;gap:6px;margin-top:12px}.time-presets button{flex:1;font-size:11px;font-variant-numeric:tabular-nums;padding:7px;border-radius:6px;background:transparent;color:var(--iq-muted)}.time-presets button:hover{background:var(--iq-recessed);color:var(--iq-ink)}
.iq-stepper{display:flex;align-items:center;gap:0}.iq-stepper li{display:flex;align-items:center;flex:1;min-width:0;position:relative}.iq-stepper li:last-child{flex:0 0 auto}.iq-stepper li:not(:last-child)::after{position:static;display:block;flex:1;width:auto;min-width:20px;margin:0 20px;height:1px;top:auto;right:auto}.iq-stepper li button{flex:0 1 auto;max-width:none}.iq-stepper li.done::after{background:var(--iq-control)}.iq-step-index{border-radius:50%;width:36px;height:36px;aspect-ratio:1}.step-copy{min-width:78px}
[data-pagination]{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;width:100%}.pagination-count{margin:0!important;line-height:36px;text-align:right}.iq-pagination{display:flex;align-items:center;gap:10px}.iq-pagination .page-numbers button{width:36px;height:36px;min-width:36px;padding:0;display:grid;place-items:center;aspect-ratio:1}.page-numbers{align-items:center}
.metric-variants{width:min(100%,600px)}.metric-042{width:100%;background:var(--iq-raised)}.metric-042 .metric-foot{justify-content:flex-start;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--iq-muted)}.metric-delta{display:inline-flex;align-items:center;gap:5px;font-weight:600}.metric-delta.positive{color:var(--iq-success)}.metric-delta.negative{color:var(--iq-danger)}.metric-chart{margin:8px 0 24px}.metric-chart>.iq-sparkline{width:100%;height:110px;display:block}.metric-chart>div{display:flex;justify-content:space-between;font-size:10px;color:var(--iq-muted);margin-top:7px}
.activity-042 .activity-event{padding:15px 0;gap:12px;align-items:start;grid-template-columns:32px minmax(0,1fr) 42px}.activity-042 .event-symbol{width:30px;height:32px;border-radius:8px}.activity-042 .activity-event b{font-size:13px;font-weight:550;line-height:1.55}.activity-042 .activity-event p{font-size:12px;margin:3px 0 0;line-height:1.5}.activity-042 .activity-event time{padding-top:2px;font-size:11px}.activity-042 .activity-days>[data-event-day]{grid-template-columns:90px minmax(0,1fr);gap:22px}.event-files{display:grid;gap:8px;padding:12px 0 5px;font-size:12px}.event-files>span{display:flex;align-items:center;gap:7px}.event-changes{margin:10px 0 6px;font-size:12px;display:grid;gap:7px}.event-changes>div{display:grid;grid-template-columns:105px 1fr;gap:12px}.event-changes dt{color:var(--iq-muted)}.event-changes dd{display:flex;align-items:center;gap:7px;margin:0}.event-changes del{color:var(--iq-muted)}
textarea{resize:none!important;max-height:640px;min-height:80px;overflow-y:hidden;line-height:1.65}.iq-input-shell:has(textarea){align-items:stretch}.iq-input-shell textarea{width:100%;box-sizing:border-box}.iq-dialog:focus,.iq-dialog:focus-visible{outline:none;box-shadow:var(--iq-shadow-3)}
.file-samples-head{margin-bottom:16px!important}.file-samples-head p{margin:7px 0 0}.file-samples-head+iq-upload{margin-top:0}.file-samples-head+iq-upload .iq-upload-list{margin-top:0}.file-dropwell{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:17px 20px;margin-top:13px;border:1px dashed var(--iq-control);border-radius:12px;background:transparent;color:var(--iq-ink);font-size:13px;line-height:1.6;transition:background-color 180ms var(--iq-ease)}.file-dropwell>span>span{color:var(--iq-muted)}.file-dropwell:hover,.file-dropwell.dragover{background:var(--iq-accent-soft);border-color:var(--iq-accent);color:var(--iq-accent)}.card-date{display:inline-flex;gap:8px;align-items:center}.feature-proof-symbol{width:36px;height:36px;flex-basis:36px;aspect-ratio:1;border-radius:9px}.feature-proof-row b{font-size:14px}.feature-proof-row small{font-size:12px}
.context-042 .context-record-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px;font-size:12px}.context-record-footer>span{display:flex;align-items:center;gap:7px;color:var(--iq-success)}.context-record-footer a{font-size:12px}.context-042 .context-record dl{gap:48px}.context-042 .document-symbol{width:54px;height:54px}
/* Markdown has one model and three toolbar presentations. No raw HTML execution. */
iq-markdown-editor{display:block;width:100%}.editor-variants{width:100%}.markdown-editor{border:1px solid var(--iq-line);border-radius:14px;background:var(--iq-raised);overflow:hidden;min-width:0}.markdown-editor:focus-within{border-color:var(--iq-focus)}.md-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:9px 10px;background:var(--iq-surface);border-bottom:1px solid var(--iq-line)}.md-tool{display:grid;place-items:center;width:32px;height:32px;padding:0;color:var(--iq-muted);background:transparent;border-radius:6px;font-size:16px;font-weight:550}.md-tool:hover:not(:disabled){background:var(--iq-recessed);color:var(--iq-ink)}.md-tool:disabled{opacity:.3;cursor:default}.md-tool[data-md=bold]{font-weight:750}.md-tool[data-md=italic]{font-family:Georgia,serif;font-style:italic}.md-tool[data-md=strike]{text-decoration:line-through}.md-tool[data-md=quote]{font-size:26px}.md-tool[data-md=h1],.md-tool[data-md=ul],.md-tool[data-md=quote],.md-tool[data-md=link],.md-tool[data-md=undo]{margin-left:7px}.markdown-editor .md-input{display:block;width:100%;border:0;outline:none;border-radius:0;box-shadow:none;background:transparent;color:var(--iq-ink);font-family:var(--iq-font);font-size:14px;line-height:1.75;padding:20px 22px;min-height:160px;max-height:600px}.md-input::placeholder{color:var(--iq-muted)}.markdown-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--iq-line);padding:10px 16px;background:var(--iq-surface);color:var(--iq-muted);font-size:11px}.md-hint{display:flex;gap:12px;align-items:center}.md-count{font-variant-numeric:tabular-nums}.markdown-editor footer button{display:flex;align-items:center;gap:7px;background:transparent;color:var(--iq-muted);border-radius:6px;padding:6px 7px;font-size:11px}.markdown-editor footer button[aria-pressed=true]{background:var(--iq-recessed);color:var(--iq-ink)}.md-preview{padding:22px;min-height:160px;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.md-preview h1{font-size:28px;margin:0 0 16px}.md-preview h2{font-size:23px;margin:0 0 14px}.md-preview h3{font-size:18px;margin:0 0 12px}.md-preview p{margin:0 0 8px}.md-preview ul,.md-preview ol{padding-left:22px;margin:0}.md-preview pre{padding:16px;background:var(--iq-surface);border-radius:8px;white-space:pre-wrap}.md-preview blockquote{margin:12px 0;padding-left:18px;border-left:2px solid var(--iq-control);color:var(--iq-muted)}.md-task{display:flex;gap:9px}.markdown-editor.variant-compact .md-tool{width:29px;height:30px}.markdown-editor.variant-minimal .md-input{min-height:100px}.markdown-editor [hidden]{display:none!important}
@media(max-width:640px){.iq-stepper{gap:8px;align-items:start}.iq-stepper li,.iq-stepper li:last-child{flex:1}.iq-stepper button{flex-direction:column;align-items:flex-start;gap:8px}.iq-stepper li:not(:last-child)::after{margin:20px 8px 0 0;min-width:10px;align-self:flex-start}.step-copy{min-width:0}.step-copy>b{font-size:12px}.step-status{font-size:10px}.iq-step-index{width:32px;height:32px}.activity-042 .activity-days>[data-event-day]{display:block}.activity-042 .activity-event{grid-template-columns:30px minmax(0,1fr) 34px}.event-changes>div{grid-template-columns:1fr;gap:3px}.md-toolbar{gap:2px}.md-tool{width:30px;height:32px}.md-tool[data-md=h1],.md-tool[data-md=ul],.md-tool[data-md=quote],.md-tool[data-md=link],.md-tool[data-md=undo]{margin-left:0}.markdown-editor .md-input{font-size:16px;padding:16px}.md-count{display:none}.context-042 .context-record-footer{align-items:flex-start;flex-direction:column}.time-segment input{width:32px;font-size:20px}.time-quarter{font-size:10px;padding:9px 6px}.file-dropwell{padding:14px;font-size:12px}.file-dropwell>span>span{display:block}}
@media(max-width:380px){.iq-calendar-grid button{width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px}.iq-pagination .page-numbers button{width:30px;min-width:30px;height:30px}.time-segment input{width:27px}.time-segment button{width:20px}.time-segments{gap:6px}}
@media(prefers-reduced-motion:reduce){.copy-confirmation,.md-preview{animation:none}.iq-btn,.file-dropwell{transition:none}}

.time-segment [data-time-step$=":1"]>.iq-icon{transform:rotate(-90deg)}

.md-task-mark { flex:none; align-self:center; display:inline-grid; place-items:center; width:16px;height:16px;border:1px solid var(--iq-control);border-radius:4px; }
.md-task-mark.is-checked { background:var(--iq-ink);color:var(--iq-raised);border-color:transparent; }
.md-preview h4 {font-size:16px;line-height:1.4;margin:0 0 12px;}
iq-markdown-editor[aria-invalid="true"] .markdown-editor {border-color:var(--iq-danger);}
iq-markdown-editor[disabled] .md-input {color:var(--iq-muted);background:var(--iq-surface);}

/* 04.4 — targeted layout and interaction corrections, no change of visual direction. */
/* A shared non-native date trigger; the popup lives in the browser top layer. */
iq-date-field{display:block;min-width:0;width:100%}
.iq-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:11px 14px;border:1px solid var(--iq-control);border-radius:var(--iq-radius-sm);color:var(--iq-ink);background:var(--iq-raised);font:inherit;text-align:left;transition:background-color 160ms var(--iq-ease)}
.iq-date-trigger.is-empty{color:var(--iq-muted)}
.iq-date-trigger:hover:not(:disabled){background:var(--iq-surface)}
.iq-date-trigger:focus-visible,.iq-date-trigger[aria-expanded=true]{outline:none;border-color:var(--iq-focus)}
.iq-date-trigger[aria-invalid=true]{border-color:var(--iq-danger)}
.iq-date-trigger:disabled{opacity:.45;cursor:not-allowed}
[data-theme=dark] .iq-date-trigger{background:var(--iq-recessed);border-color:var(--iq-fixed-55545e)}
[data-theme=dark] .iq-date-trigger:focus-visible,[data-theme=dark] .iq-date-trigger[aria-expanded=true]{border-color:var(--iq-focus)}
.iq-date-popup{display:none;position:fixed;inset:auto;height:auto;margin:0;border:0;padding:0;background:var(--iq-raised);color:var(--iq-ink);border-radius:18px;box-shadow:0 12px 48px var(--iq-fixed-00000028);overflow:auto;overscroll-behavior:contain;z-index:1000}
.iq-date-popup:popover-open,.iq-date-popup.is-open{display:block}
[data-theme=dark] .iq-date-popup{box-shadow:0 18px 56px var(--iq-fixed-00000099)}
.iq-date-popup>iq-calendar{width:100%;max-width:none;margin:0;padding:20px;box-shadow:none;background:transparent}
.iq-date-popup .iq-calendar-foot{display:none}
.iq-date-actions{position:sticky;bottom:0;background:var(--iq-raised);display:flex;align-items:center;gap:8px;border-top:1px solid var(--iq-line);padding:10px 16px}
.iq-date-actions>button{font-size:12px;line-height:20px;min-height:36px;padding:8px;border-radius:7px;background:transparent;color:var(--iq-muted)}
.iq-date-actions>button:last-child{margin-left:auto}
.iq-date-actions>button:hover:not(:disabled){background:var(--iq-surface);color:var(--iq-ink)}
.iq-date-actions>button:disabled{opacity:.35;cursor:default}
.iq-date-actions>.primary{background:var(--iq-primary);color:var(--iq-on-primary);padding-inline:14px}
/* Field-specific errors, stable DOM and description associations. */
[data-validation-icon]{display:inline-flex;color:var(--iq-danger);align-items:center;flex:none}
[data-validation-error]{display:block;margin-top:8px;line-height:1.5}
[data-validation-error][hidden],[data-validation-icon][hidden],[data-form-message]:empty{display:none!important}
/* A compact inline status remains identical inside a table or a free layout. */
.iq-badge,.workspace-table .iq-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-height:26px;gap:6px;padding:4px 9px;border-radius:6px;line-height:18px;font-size:11px;font-weight:500;white-space:nowrap;background:var(--iq-recessed);color:var(--iq-muted)}
.iq-badge>.iq-icon,.workspace-table .iq-badge>.iq-icon{width:14px;height:14px;flex:0 0 14px;vertical-align:middle}
.iq-badge>.iq-dot{flex:0 0 5px;width:5px;height:5px;margin:0}
.iq-badge.info,.workspace-table .iq-badge.info{background:var(--iq-info-bg);color:var(--iq-info)}
.iq-badge.success,.workspace-table .iq-badge.success{background:var(--iq-success-bg);color:var(--iq-success)}
.iq-badge.warning,.workspace-table .iq-badge.warning{background:var(--iq-warning-bg);color:var(--iq-warning)}
.iq-badge.danger,.workspace-table .iq-badge.danger{background:var(--iq-danger-fill);color:var(--iq-on-danger)}
.iq-badge.outline{background:transparent;border:1px solid var(--iq-line)}
.iq-alert.warning .message-emblem,.iq-toast.tone-warning .iq-toast-icon{background:transparent;color:var(--iq-warning-fill)}
.iq-alert.warning .message-emblem>.iq-icon{width:30px;height:30px}
/* Form notes are content, not an extra section. Single boundary before actions. */
#invite-demo-form{gap:20px}
#invite-demo-form>.form-note{margin:0;line-height:1.6}
#invite-demo-form>.iq-dialog-footer{margin-top:0;padding-top:20px}
.iq-field-foot:has(>span:only-child:empty){display:none}
#workspace-settings>.iq-setting-row:has(+.iq-dialog-footer){border-bottom:0}
#workspace-settings>.iq-dialog-footer{margin-top:0;padding-top:20px}
/* Overflow members share the same diameter and border as named avatars. */
.iq-avatars{--avatar-size:28px;align-items:center}
.iq-avatars .iq-avatar,.iq-avatars .iq-avatar.more{box-sizing:border-box;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size);min-height:var(--avatar-size);flex:0 0 var(--avatar-size);border:2px solid var(--iq-avatar-ring);border-radius:50%;font-size:10px;line-height:1;display:inline-grid;place-items:center;padding:0}
/* Comment text and formatting share an editor; submission is in its footer, not its text area. */
.comment-compose{margin-top:20px}
.comment-compose .comment-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.comment-actions .iq-helper{margin:0;font-size:11px;line-height:1.5}
.comment-actions>.iq-btn{flex:none;min-height:36px;padding-inline:14px}
.comment-compose .markdown-editor .md-input{min-height:88px;font-size:14px}
.comment-compose .md-toolbar{padding:7px 8px;gap:2px}
.comment-compose .md-tool{width:28px;height:30px;font-size:14px}
.comment-compose .md-tool[data-md=quote]{font-size:24px}
.comment-compose .md-tool[data-md=h1],.comment-compose .md-tool[data-md=ul],.comment-compose .md-tool[data-md=quote],.comment-compose .md-tool[data-md=link],.comment-compose .md-tool[data-md=undo]{margin-left:4px}
.comment-compose .markdown-editor footer{padding:6px 10px}
.comment-body{font-size:14px;line-height:1.7;margin-top:8px;overflow-wrap:anywhere}
.comment-body p{margin:0 0 8px}.comment-body ul,.comment-body ol{margin:6px 0;padding-left:22px}.comment-body pre{padding:12px;border-radius:8px;background:var(--iq-surface);white-space:pre-wrap}.comment-body h2{font-size:21px;margin:12px 0 8px}.comment-body h3{font-size:18px;margin:12px 0 8px}.comment-body blockquote{border-left:2px solid var(--iq-control);padding-left:12px;margin:8px 0}
#comments-count{font-size:12px;margin-left:5px;vertical-align:middle}
@media(max-width:640px){
 .comment-compose .md-tool{width:28px;height:32px}
 .comment-compose .markdown-editor .md-input{font-size:16px}
 .comment-actions{flex-wrap:wrap}.comment-actions>.iq-btn{margin-left:auto}
 .iq-date-popup>iq-calendar{padding:16px}
}
@media(prefers-reduced-motion:reduce){.iq-date-trigger{transition:none}}
@media(forced-colors:active){.iq-date-trigger{border-color:ButtonText}.iq-date-trigger:focus-visible{border-color:Highlight}.iq-date-popup{border:1px solid CanvasText}.iq-badge{border:1px solid currentColor}}

.date-field-example{width:min(100%,320px);margin-inline:auto}.date-field-example>.iq-helper{font-size:12px;line-height:1.6;margin:12px 0 0}

/* 04.4 input contract: a stable neutral surface in normal, error and autofilled states. */
.iq-input-shell,.iq-combo-shell{background:var(--iq-field-bg)}
.iq-input-shell.error,.iq-field.error .iq-input-shell,.iq-input-shell:has([aria-invalid=true]),[data-theme=dark] .iq-input-shell.error{background:var(--iq-field-bg);border-color:var(--iq-danger);border-width:1px;box-shadow:none}
.iq-input-shell.error:focus-within,[data-theme=dark] .iq-input-shell.error:focus-within{border-color:var(--iq-danger);box-shadow:none}
.iq-input-shell.error [data-validation-icon],.iq-input-shell.error>.iq-icon:last-child{display:none}
.iq-input-shell input,.iq-combo-input{caret-color:var(--iq-ink)}
.iq-input-shell input:-webkit-autofill,.iq-combo-input:-webkit-autofill{box-shadow:0 0 0 1000px var(--iq-field-bg) inset!important;-webkit-text-fill-color:var(--iq-ink)!important;caret-color:var(--iq-ink);background-clip:padding-box}
.iq-input-shell input:autofill,.iq-combo-input:autofill{box-shadow:0 0 0 1000px var(--iq-field-bg) inset!important;color:var(--iq-ink);caret-color:var(--iq-ink)}
.iq-input-shell:has(input:autofill){background:var(--iq-field-bg)}

/* The wrapper, label, editable value and helper use one width and one central axis. */
.number-example{align-self:center;width:min(100%,280px);margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:center}
.number-example>iq-number{width:100%;max-width:none;margin:0}
.number-example .iq-control-label{width:100%;text-align:center;margin:0 0 8px}
.number-example>.iq-helper{width:100%;margin:0;text-align:center;font-size:12px;line-height:1.5}
iq-number .iq-number{width:100%;max-width:none;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:0}
.iq-number input{padding:0;width:100%;height:44px;line-height:1;text-align:center;margin:0;font-size:16px;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.iq-number input::-webkit-inner-spin-button,.iq-number input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}
.iq-number button{width:44px;min-width:44px;height:44px;padding:0}

/* A three-column stepper. Labels never interrupt the connector between circle centres. */
[data-stepper]{container-type:inline-size;width:100%;--step-size:36px;--step-gap:12px}
.iq-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0;max-width:720px;width:100%;padding:0;margin:0 auto;list-style:none}
.iq-stepper li,.iq-stepper li:last-child{position:relative;display:block;min-width:0;flex:none}
.iq-stepper li button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-height:0;width:100%;max-width:none;padding:0 4px;text-align:center;background:transparent;border-radius:10px}
.iq-stepper .iq-step-index{box-sizing:border-box;width:var(--step-size);height:var(--step-size);flex:0 0 var(--step-size);border:0;border-radius:50%;display:grid;place-items:center;position:relative;z-index:1}
.iq-stepper .step-copy{display:block;min-width:0;width:100%;padding:0;line-height:1.4}
.iq-stepper .step-copy>b{display:block;margin:0;line-height:1.4;white-space:normal;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.iq-stepper .current .step-copy>b{font-weight:600}
.iq-stepper li:not(:last-child)::after{content:"";position:absolute;display:block;left:calc(50% + var(--step-size)/2 + var(--step-gap));right:auto;top:calc(var(--step-size)/2 - .5px);bottom:auto;width:calc(100% - var(--step-size) - 2*var(--step-gap));height:1px;min-width:0;margin:0;background:var(--iq-line);transition:background-color 180ms var(--iq-ease)}
.iq-stepper li.done::after{background:var(--iq-control)}
.step-counter{margin:28px 0 16px}
@container(max-width:350px){[data-stepper]{--step-gap:8px}.iq-stepper .step-copy>b{font-size:12px}.iq-stepper li button{gap:10px}}

/* Compact, direct time entry. No steppers, increment button, or hidden popup. */
iq-time{display:block;min-width:0}
.time-picker,iq-calendar .time-picker{padding-top:16px;margin-top:4px;border-top:1px solid var(--iq-line)}
.time-picker-top,iq-calendar .time-picker-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.time-picker-top>span,iq-calendar .time-picker-top>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550}
.time-picker-top small,iq-calendar .time-picker-top small{font-size:11px;color:var(--iq-muted)}
.time-entry-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.time-segments,iq-calendar .time-segments{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;border-radius:9px;border:1px solid transparent;background:var(--iq-recessed);flex:none}
.time-segments:focus-within{border-color:var(--iq-focus)}
.time-segment,iq-calendar .time-segment{display:block;min-width:0;height:32px;padding:0;background:transparent;border-radius:5px;box-shadow:none}
.time-segment:focus-within{box-shadow:none}
.time-segment input,iq-calendar .time-segment input{box-sizing:border-box;display:block;width:36px;min-width:36px;height:32px;font:500 16px/32px var(--iq-font);font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;background:transparent;border:0;margin:0;padding:0;color:var(--iq-ink);outline:none;box-shadow:none}
.time-segment input:focus{background:var(--iq-raised);border-radius:5px}
.time-colon,iq-calendar .time-colon{font-size:16px;width:10px;text-align:center;line-height:32px;color:var(--iq-muted)}
.time-entry-caption{font-size:11px;color:var(--iq-muted);white-space:nowrap}
.time-presets,iq-calendar .time-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.time-presets button,iq-calendar .time-presets button{min-height:32px;margin:0;padding:6px 4px;font-size:11px;line-height:20px;font-variant-numeric:tabular-nums;background:transparent;border:0;border-radius:6px;color:var(--iq-muted)}
.time-presets button:hover:not(:disabled){background:var(--iq-surface);color:var(--iq-ink)}
.time-presets button[aria-pressed=true]{background:var(--iq-accent-soft);color:var(--iq-accent);font-weight:600}
.time-presets button:disabled{opacity:.5}

/* Settings are a compact list with one separator per boundary. */
.iq-settings-list{display:block;width:100%}
.iq-setting-row{margin:0;padding:16px 0;gap:20px;align-items:center}
.iq-setting-row>div{min-width:0}.iq-setting-row p{margin:4px 0 0;line-height:1.5}
/* Keep the native input on top of its decorative track: the whole control
   remains a real pointer target as well as a keyboard-operable switch. */
.iq-switch input{width:40px;height:32px;z-index:1;cursor:inherit}
.iq-switch-track{pointer-events:none}
.iq-setting-row .iq-switch{flex:none;margin:0;gap:0}
.iq-setting-row .iq-switch>span:not(.iq-switch-track){display:none}
.iq-settings-list>.iq-setting-row:last-child{border-bottom:0}
#workspace-settings{gap:20px}
#workspace-settings .iq-settings-list{margin:0}
#workspace-settings .iq-dialog-footer{margin-top:0;padding-top:20px}

/* Preview changes editing mode at the top; the primary action stays in the footer. */
.md-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;background:var(--iq-surface);border-bottom:1px solid var(--iq-line);font-size:12px;line-height:20px;color:var(--iq-muted)}
.md-editor-head>span{font-weight:500;color:var(--iq-ink)}
.md-view-toggle{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 7px;background:transparent;color:var(--iq-muted);font-size:11px;border-radius:6px}
.md-view-toggle:hover:not(:disabled),.md-view-toggle[aria-pressed=true]{background:var(--iq-recessed);color:var(--iq-ink)}
.markdown-editor footer{padding:8px 12px;min-height:44px}
.markdown-editor footer>.md-submit,.comment-compose .markdown-editor footer>.md-submit{min-height:34px;--h:34px;padding:7px 12px;margin-left:auto;background:var(--iq-primary);color:var(--iq-on-primary);border:0;font-size:12px;line-height:20px;gap:8px}
.markdown-editor footer>.md-submit:disabled{opacity:.45;cursor:default}
.comment-compose .markdown-editor footer{padding:8px 12px}
.comment-storage{margin:10px 0 0;line-height:1.5;font-size:11px;color:var(--iq-muted)}
.md-submit .iq-icon{width:16px;height:16px}
@media(max-width:640px){.md-editor-head{padding:8px 10px}.md-editor-head>span{font-size:11px}.markdown-editor footer>.md-submit{min-height:36px;--h:36px}.comment-storage{font-size:11px}.time-segment input,iq-calendar .time-segment input{font-size:16px}.iq-setting-row{padding:16px 0}}

/* Status columns are comparable: one fixed cell size, centred label and icon. */
.iq-badge.planned,.workspace-table .iq-badge.planned{background:var(--iq-planned-bg);color:var(--iq-planned)}
.workspace-table .iq-badge,.iq-table .iq-badge{box-sizing:border-box;inline-size:168px;min-inline-size:168px;max-inline-size:168px;min-block-size:28px;block-size:28px;justify-content:center;padding:4px 9px;white-space:nowrap;font-size:11px;line-height:18px}
@media(max-width:640px){.workspace-table .iq-badge,.iq-table .iq-badge{inline-size:152px;min-inline-size:152px;max-inline-size:152px}}

/* Member rings stay distinct against both elevated surfaces and the canvas. */
.iq-avatar,.iq-avatars .iq-avatar,.iq-avatars .iq-avatar.more{border:2px solid var(--iq-avatar-ring)}
.iq-avatar.more{background:var(--iq-raised);color:var(--iq-ink)}
.iq-avatars{padding-left:0;isolation:isolate}
.iq-avatars .iq-avatar:first-child{margin-left:0}
.iq-avatars .iq-avatar{box-shadow:0 0 0 1px var(--iq-canvas)}
@media(forced-colors:active){.iq-avatar{border-color:CanvasText}.time-segments{border-color:FieldText}.time-presets button[aria-pressed=true]{background:Highlight;color:HighlightText}.iq-badge.planned{border:1px solid currentColor}.iq-alert.warning .message-emblem{color:var(--iq-warning-fill)}}
/* The progress narration and its controls share the central axis of the redesigned rail. */
[data-stepper]{max-width:720px;margin-inline:auto}
[data-stepper]>.step-counter{text-align:center}
[data-stepper]>.row{justify-content:center}
.iq-settings-list>.iq-setting-row:has(+.iq-dialog-footer){border-bottom:0}

/* IQUIPAGE 04.5. Shared component contracts; the approved editorial layout is retained. */

/* Error is one semantic red in each theme: border, helper and solid status use the same role. */
.iq-input-shell.error,[data-theme=dark] .iq-input-shell.error,
.iq-input-shell.error:focus-within,[data-theme=dark] .iq-input-shell.error:focus-within,
.iq-date-trigger[aria-invalid=true],[data-theme=dark] .iq-date-trigger[aria-invalid=true]{border-color:var(--iq-danger-fill);background:var(--iq-field-bg);box-shadow:none}
.iq-helper.error,.iq-inline.danger,[data-validation-error]{color:var(--iq-danger-fill);font-weight:550}
.iq-input-shell input:-webkit-autofill{box-shadow:0 0 0 1000px var(--iq-field-bg) inset!important;-webkit-text-fill-color:var(--iq-ink)!important}

/* The centred quantity object keeps its label aligned with the left edge of the input. */
.number-example{width:min(100%,280px);margin-inline:auto}
.number-example .iq-control-label{text-align:left;margin-bottom:8px}
.number-example>.iq-helper{text-align:center;margin:0;line-height:1.5}

/* Time: purpose and display format on the left, an editable clock on the right. */
.time-picker.time-picker-045,iq-calendar .time-picker.time-picker-045{
  display:grid;grid-template-columns:minmax(86px,1fr) auto;align-items:center;column-gap:16px;
  padding-top:16px;margin-top:4px;border-top:1px solid var(--iq-line);
}
.time-settings{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.time-title{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:20px;font-weight:600;color:var(--iq-ink)}
.time-title>.iq-icon{width:17px;height:17px;flex:none}
.time-format{display:inline-flex;gap:2px;padding:2px;border-radius:7px;background:var(--iq-recessed)}
.time-format>button{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border:0;border-radius:5px;font:500 11px/20px var(--iq-font);white-space:nowrap;background:transparent;color:var(--iq-muted);transition:background-color 160ms var(--iq-ease),color 160ms var(--iq-ease)}
.time-format>button[aria-pressed=true]{background:var(--iq-raised);color:var(--iq-ink);box-shadow:var(--iq-shadow-1)}
.time-format>button:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);text-decoration:underline;text-underline-offset:3px;outline:0}
.time-values{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.time-picker-045 .time-segments,iq-calendar .time-picker-045 .time-segments{display:flex;gap:0;padding:4px 5px;min-height:42px;flex:none;border-radius:9px;background:var(--iq-field-bg);border:1px solid var(--iq-line)}
.time-picker-045 .time-segments:focus-within{border-color:var(--iq-focus)}
.time-picker-045 .time-segment,iq-calendar .time-picker-045 .time-segment{height:32px;padding:0;background:transparent}
.time-picker-045 .time-segment input,iq-calendar .time-picker-045 .time-segment input{width:32px;min-width:32px;height:32px;padding:0;margin:0;font:550 18px/32px var(--iq-font);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--iq-ink);background:transparent;border:0;text-align:center;outline:0;box-shadow:none}
.time-picker-045 .time-colon,iq-calendar .time-picker-045 .time-colon{width:10px;font-size:17px;line-height:32px;color:var(--iq-muted)}
.time-period{display:inline-flex;align-items:center;justify-content:center;width:38px;min-height:40px;padding:4px;font:600 11px/20px var(--iq-font);border-radius:7px;background:var(--iq-recessed);color:var(--iq-ink)}
.time-period[hidden]{display:none}
.time-period:hover:not(:disabled){background:var(--iq-hover)}
.time-period:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);text-decoration:underline;outline:0}
.time-format>button:disabled,.time-period:disabled{opacity:.5;cursor:default}

/* Centred pagination, with bounded page windows. No width growth for large totals. */
iq-pagination{display:block;width:100%;min-width:0}
.pagination-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;margin:0 auto}
.pagination-layout>.pagination-count{order:0;display:block;margin:0;text-align:center;font-size:12px;line-height:20px;color:var(--iq-muted)}
.pagination-layout>.iq-pagination{order:1;display:flex;align-items:center;justify-content:center;gap:5px;margin:0;width:auto}
.iq-pagination .page-numbers{display:flex;align-items:center;justify-content:center;gap:5px}
.pagination-layout button,.pagination-layout .page-gap{display:inline-flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;min-height:36px;flex:0 0 36px;padding:0;border:0;border-radius:50%;font:500 13px/1 var(--iq-font);font-variant-numeric:tabular-nums;background:transparent;color:var(--iq-ink)}
.pagination-layout .page-gap{min-width:20px;width:20px;flex-basis:20px;color:var(--iq-muted)}
.pagination-layout button:hover:not(:disabled):not([aria-current]){background:var(--iq-hover)}
.pagination-layout button[aria-current=page]{background:var(--iq-primary);color:var(--iq-on-primary);font-weight:600}
.pagination-layout button:disabled{opacity:.35;cursor:default}
.pagination-layout button:focus-visible{outline:none;text-decoration:underline;text-underline-offset:4px;background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.pagination-variants{width:100%;max-width:720px;margin:0 auto}
.pagination-variants>iq-tabs>[data-panel]{padding:32px 0 12px}
.pagination-variants>iq-tabs>[role=tablist]{justify-content:center}
[data-stepper]>.step-counter{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-stepper]>.row{margin-top:28px;justify-content:center}

/* All semantic pills are opaque, compact and typographically equivalent. */
.iq-badge,.workspace-table .iq-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 10px;gap:0;border:0;border-radius:6px;font:600 11px/18px var(--iq-font);white-space:nowrap;background:var(--iq-neutral-fill);color:var(--iq-on-neutral)}
.iq-badge.info,.workspace-table .iq-badge.info{background:var(--iq-info-fill);color:var(--iq-on-info)}
.iq-badge.success,.workspace-table .iq-badge.success{background:var(--iq-success-fill);color:var(--iq-on-success)}
.iq-badge.warning,.workspace-table .iq-badge.warning{background:var(--iq-warning-fill);color:var(--iq-on-warning)}
.iq-badge.danger,.workspace-table .iq-badge.danger{background:var(--iq-danger-fill);color:var(--iq-on-danger)}
.iq-badge.planned,.workspace-table .iq-badge.planned{background:var(--iq-planned-fill);color:var(--iq-on-planned)}
.iq-badge.outline{background:transparent;color:var(--iq-muted);border:1px solid var(--iq-line);font-weight:500}
.iq-table .iq-badge,.workspace-table .iq-badge{inline-size:136px;min-inline-size:136px;max-inline-size:136px;block-size:28px;min-block-size:28px;font-size:11px;line-height:18px;padding:4px 8px}
.iq-badge>.iq-icon,.iq-badge>.iq-dot{display:none}

/* The shared emblem, including warning, retains a square optical footprint. */
.iq-alert .message-emblem,.iq-toast .iq-toast-icon{box-sizing:border-box;flex:none;display:grid;place-items:center;border:0;border-radius:12px}
.iq-alert .message-emblem{width:48px;height:48px;min-width:48px;min-height:48px}
.iq-alert.success .message-emblem,.iq-toast.tone-success .iq-toast-icon,.event-symbol.decisions{background:var(--iq-success-fill);color:var(--iq-on-success)}
.iq-alert.info .message-emblem,.iq-toast.tone-info .iq-toast-icon,.system-symbol{background:var(--iq-info-fill);color:var(--iq-on-info)}
.iq-alert.warning .message-emblem,.iq-toast.tone-warning .iq-toast-icon{background:var(--iq-warning-fill);color:var(--iq-on-warning)}
.iq-alert.danger .message-emblem,.iq-toast.tone-danger .iq-toast-icon{background:var(--iq-danger-fill);color:var(--iq-on-danger)}
.iq-alert.warning .message-emblem>.iq-icon,.iq-alert .message-emblem>.iq-icon{width:24px;height:24px;flex:none}
.message-gallery .iq-alert{align-items:center}

/* A normal form gap replaces empty textarea helpers and extra settings padding. */
.iq-field-foot:empty{display:none}
#workspace-settings{gap:20px}
#workspace-settings>.iq-settings-list{margin:0}
.iq-settings-list>.iq-setting-row:first-child{padding-top:0}
.iq-settings-list>.iq-setting-row:has(+.iq-dialog-footer){padding-bottom:0;border-bottom:0}
.iq-settings-list>.iq-dialog-footer{margin-top:20px!important;padding-top:20px}

/* Avatars overlap through a separator matching their host surface, as in the reference. */
:root{--iq-avatar-separator:var(--iq-canvas);}
.iq-card,.task-card,.task-drawer-meta,.task-comments,.iq-dialog-panel,.iq-dialog,dialog{--iq-avatar-separator:var(--iq-raised)}
.specimen-surface{--iq-avatar-separator:var(--iq-surface)}
.iq-avatar{border:0;box-shadow:none}
.iq-avatars{--avatar-size:28px;display:inline-flex;align-items:center;gap:0;padding:0;isolation:isolate}
.iq-avatars .iq-avatar,.iq-avatars .iq-avatar.more{box-sizing:border-box;width:var(--avatar-size);min-width:var(--avatar-size);height:var(--avatar-size);min-height:var(--avatar-size);flex:0 0 var(--avatar-size);border:2px solid var(--iq-avatar-separator);box-shadow:none;padding:0;margin-left:-7px}
.iq-avatars .iq-avatar:first-child{margin-left:0}
.iq-avatar.more{background:var(--iq-surface);color:var(--iq-ink);font-weight:550}

/* Task metadata and board headers use real icon/text groups, never baseline whitespace. */
.task-due,.card-date,.task-card-footer>span:not(.iq-avatar),.task-drawer-meta>.task-due{display:inline-flex;align-items:center;gap:7px;margin:0;font:400 12px/20px var(--iq-font);color:var(--iq-muted);white-space:nowrap}
.task-due>.iq-icon,.card-date>.iq-icon,.task-card-footer>span:not(.iq-avatar)>.iq-icon{display:block;flex:none;width:15px;height:15px}
.kanban-column-header{display:flex;align-items:center;gap:9px;min-height:28px;padding:0;margin:0 0 14px;font-size:15px;line-height:22px;color:var(--iq-ink)}
.kanban-column-header>h3{margin:0;padding:0;font:600 15px/22px var(--iq-font);min-width:0}
.kanban-column-header>.iq-icon{display:block;flex:none;width:18px;height:18px}
.kanban-column-header>.kanban-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;padding:0;margin-left:auto;font:600 13px/1 var(--iq-font);border-radius:7px;background:var(--iq-recessed);color:var(--iq-ink)}
.task-card{display:grid;gap:12px;padding:14px;min-height:0;margin-bottom:10px}
.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;min-height:26px}
.task-card-id{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;font:500 11px/18px var(--iq-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--iq-ink);background:var(--iq-surface)}
.task-card-title{display:block;width:100%;min-height:0;margin:0;padding:0;text-align:left;font:500 14px/1.5 var(--iq-font);letter-spacing:-.005em}
.task-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0;min-height:28px}

/* The action is optically centred in the footer, not aligned to a text baseline. */
.markdown-editor footer,.comment-compose .markdown-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;box-sizing:border-box;padding:10px 12px}
.markdown-editor footer>.md-hint{display:inline-flex;align-items:center;gap:10px;margin:0;line-height:20px}
.markdown-editor footer>.md-submit,.comment-compose .markdown-editor footer>.md-submit{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:34px;height:34px;--h:34px;padding:0 12px;margin:0 0 0 auto;line-height:20px;vertical-align:middle;gap:8px}
.md-submit>.iq-icon{display:block;width:16px;height:16px;flex:none}
#task-sort-menu [role=menuitemradio]{display:flex;align-items:center;gap:12px}
#task-sort-menu .sort-selected{margin-left:auto;display:inline-flex;visibility:hidden}
#task-sort-menu [aria-checked=true] .sort-selected{visibility:visible}
#task-sort-menu [aria-checked=true]{font-weight:600;background:var(--iq-surface)}
#task-sort-menu .iq-menu-popup{min-width:256px}
@media(max-width:640px){
 .time-picker.time-picker-045,iq-calendar .time-picker.time-picker-045{gap:10px}
 .pagination-layout>.iq-pagination,.iq-pagination .page-numbers{gap:3px}
 .pagination-layout button{width:32px;min-width:32px;height:36px;flex-basis:32px}
 .pagination-layout .page-gap{width:16px;min-width:16px;flex-basis:16px}
 .iq-table .iq-badge,.workspace-table .iq-badge{inline-size:136px;min-inline-size:136px;max-inline-size:136px}
 .markdown-editor footer,.comment-compose .markdown-editor footer{padding:10px;gap:8px}
 .markdown-editor footer>.md-hint{font-size:10px;gap:6px}
 .markdown-editor footer>.md-submit{min-height:34px;height:34px;--h:34px}
}
@media(forced-colors:active){
 .iq-badge{border:1px solid CanvasText}.iq-avatars .iq-avatar{border-color:Canvas}
 .time-picker-045 .time-segments{border-color:FieldText}.time-format>button[aria-pressed=true],.time-period:focus-visible,.pagination-layout button[aria-current=page]{background:Highlight;color:HighlightText}
}
@media(prefers-reduced-motion:reduce){.time-format>button{transition:none}}

/* Independent member portraits remain centred; only groups have overlap separators. */
.iq-avatar{display:inline-grid;place-items:center;line-height:1;padding:0}
.iq-alert.danger{background:var(--iq-raised)}
.iq-alert.danger .message-copy p{color:var(--iq-ink)}


:root,[data-theme=light]{
























































}
[data-theme=dark]{
























































}
/* 04.6: shared refinements. No per-route patch styles. */
.iq-icon[data-icon-source=lucide]{fill:currentColor;stroke:none;display:inline-block;flex-shrink:0;vertical-align:middle;shape-rendering:geometricPrecision}
/* Square icon modules keep their dimensions independent of the copy beside them. */
.system-symbol,.system-notice>.system-symbol{width:48px;height:48px;min-width:48px;min-height:48px;max-height:48px;flex:0 0 48px;aspect-ratio:1;align-self:center;border-radius:12px}
.system-symbol>.iq-icon{width:24px;height:24px}
.message-emblem,.iq-toast-icon{aspect-ratio:1;flex-shrink:0;align-self:center}
.iq-alert.warning .message-emblem,.iq-toast.tone-warning .iq-toast-icon{background:var(--iq-warning-fill);color:var(--iq-on-warning)}
.iq-alert.warning .message-emblem>.iq-icon{width:25px;height:25px;fill:currentColor;stroke:none}
/* More members must not disappear into either the canvas or an elevated card. */
.iq-avatar.more,.iq-avatars .iq-avatar.more{background:var(--iq-avatar-more);color:var(--iq-on-avatar-more);font-weight:650;box-shadow:none}
/* Time: one heading/preferences row, one uninterrupted editing surface. */
.time-picker.time-picker-046,iq-calendar .time-picker.time-picker-046{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;padding:16px 0 0;margin:0;border:0}
.time-picker-046 .time-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.time-picker-046 .time-title{display:inline-flex;align-items:center;gap:8px;font:550 13px/20px var(--iq-font);color:var(--iq-ink);margin:0}
.time-picker-046 .time-title>.iq-icon{width:16px;height:16px}
.time-picker-046 .time-format{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:7px;background:var(--iq-surface);margin:0;width:auto;flex:none}
.time-picker-046 .time-format>button{display:grid;place-items:center;min-width:42px;height:28px;min-height:28px;border:0;padding:0 8px;border-radius:5px;font:500 11px/1 var(--iq-font);background:transparent;color:var(--iq-muted);transition:color 140ms,background 140ms}
.time-picker-046 .time-format>button[aria-pressed=true]{background:var(--iq-primary);color:var(--iq-on-primary)}
.time-picker-046 .time-values{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:1px solid var(--iq-line);border-radius:9px;background:var(--iq-field-bg);padding:4px 8px;box-sizing:border-box}
.time-picker-046 .time-values:focus-within{border-color:var(--iq-focus)}
.time-picker-046 .time-segments,iq-calendar .time-picker-046 .time-segments{display:flex;justify-content:center;align-items:center;gap:0;min-height:34px;background:transparent;border:0;border-radius:0;padding:0;width:auto;box-shadow:none}
.time-picker-046 .time-segment,iq-calendar .time-picker-046 .time-segment{display:block;padding:0;margin:0;width:42px;height:34px;background:transparent}
.time-picker-046 .time-segment input,iq-calendar .time-picker-046 .time-segment input{display:block;width:42px;min-width:42px;height:34px;padding:0;border:0;border-radius:5px;background:transparent;box-shadow:none;outline:none;font:550 18px/34px var(--iq-font);font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;color:var(--iq-ink)}
.time-picker-046 .time-colon,iq-calendar .time-picker-046 .time-colon{font:500 17px/34px var(--iq-font);color:var(--iq-muted);width:9px;text-align:center}
.time-picker-046 .time-period{border:0;border-radius:5px;background:var(--iq-surface);color:var(--iq-ink);font:600 11px/28px var(--iq-font);height:28px;min-height:28px;min-width:38px;padding:0 8px;margin:0 0 0 4px}
.time-picker-046 [data-time-live],.time-picker-046 [type=hidden]{grid-column:1}
/* Shared menu: content column and fixed trailing selection mark. */
.iq-menu-popup{width:max-content;min-width:228px;max-width:calc(100vw - 24px);padding:6px;overflow:auto;border:1px solid var(--iq-line);background:var(--iq-raised);color:var(--iq-ink);border-radius:12px;box-shadow:var(--iq-shadow-3)}
.iq-menu-popup>button,.iq-menu-popup>button:visited{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--iq-ink);font:450 13px/20px var(--iq-font);text-align:left;text-decoration:none;white-space:nowrap;box-shadow:none}
.iq-menu-popup>button>.iq-icon{width:18px;height:18px;flex:0 0 18px;margin:0}
.iq-menu-popup>button>span{flex:1 1 auto;min-width:0;white-space:nowrap}
#task-sort-menu .iq-menu-popup{width:286px;min-width:0}
#task-sort-menu .iq-menu-popup>[role=menuitemradio]{display:grid;grid-template-columns:minmax(0,1fr) 18px;column-gap:12px;align-items:center;width:100%;min-height:40px;color:var(--iq-ink);text-decoration:none}
#task-sort-menu .iq-menu-popup .sort-selected{display:grid;place-items:center;margin:0;width:18px;height:18px;flex:0 0 18px;line-height:0}
.iq-menu-popup>button:is(:hover,:focus-visible),#task-sort-menu .iq-menu-popup>button:is(:hover,:focus-visible){background:var(--iq-menu-focus);color:var(--iq-ink);text-decoration:none;outline:0;border:0;box-shadow:none}
.iq-menu-popup>button[aria-checked=true],#task-sort-menu .iq-menu-popup>button[aria-checked=true]{background:var(--iq-surface);color:var(--iq-ink);font-weight:600;text-decoration:none}
.iq-menu-popup>button[aria-checked=true]:is(:hover,:focus-visible),#task-sort-menu .iq-menu-popup>button[aria-checked=true]:is(:hover,:focus-visible){background:var(--iq-menu-focus);color:var(--iq-ink);text-decoration:none}
.iq-menu-popup>button.danger{color:var(--iq-danger)}
/* Priority is a distinct semantic component, never a second status colour. */
.iq-priority{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:4px 8px;border-radius:6px;font:550 11px/17px var(--iq-font);white-space:nowrap;background:var(--iq-surface);color:var(--iq-muted)}
.iq-priority>.iq-icon{width:14px;height:14px;flex:0 0 14px}
.iq-priority[data-priority=critical]{background:var(--iq-danger-fill);color:var(--iq-on-danger)}
.iq-priority[data-priority=high]{background:var(--iq-warning-fill);color:var(--iq-on-warning)}
.iq-priority[data-priority=normal]{background:var(--iq-recessed);color:var(--iq-muted)}
.iq-priority[data-priority=low]{background:var(--iq-surface);color:var(--iq-muted)}
.iq-priority.compact{font-size:10px;min-height:22px;padding:3px 6px;gap:5px}
.priority-specimen{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:760px;margin:0 auto}
.priority-specimen h3{font-size:24px;margin:14px 0}.priority-specimen p{font-size:14px;line-height:1.65;color:var(--iq-muted);margin-bottom:22px}
/* Board: one scroll container, all column headers remain pinned in the same row. */
.kanban.iq-board{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));align-items:stretch;gap:16px;max-height:min(660px,72dvh);overflow:auto;overscroll-behavior:contain;padding:0 0 10px;scrollbar-gutter:stable;position:relative;outline:none;scroll-behavior:auto;border-radius:12px}
.iq-board>.kanban-column{padding:0;min-height:330px;border-radius:12px;background:var(--iq-surface);position:relative;overflow:visible}
.iq-board .kanban-column-header{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:9px;margin:0;padding:16px 14px 14px;min-height:62px;box-sizing:border-box;background:var(--iq-surface);border-radius:12px 12px 0 0;transition:box-shadow 160ms}
.iq-board.is-scrolled .kanban-column-header{box-shadow:0 1px 0 var(--iq-line),0 6px 12px var(--iq-shadow-color)}
.iq-board .kanban-column-header>h3{font:600 14px/22px var(--iq-font);margin:0;min-width:0;white-space:nowrap}
.iq-board .kanban-column-header>.iq-icon{width:18px;height:18px}
.iq-board .kanban-count{width:25px;height:25px;flex:0 0 25px;font-size:12px;background:var(--iq-raised)}
.column-cards{display:flex;flex-direction:column;gap:10px;padding:2px 12px 12px;min-height:245px}
.iq-board .task-card,.priority-specimen .task-card{position:relative;display:grid;gap:10px;margin:0;padding:12px;min-height:0;background:var(--iq-raised);border:0;border-radius:10px;box-shadow:0 1px 2px var(--iq-shadow-color);overflow:visible}
.task-card-top{margin:0;min-height:24px}.task-identity{display:flex;align-items:center;gap:5px;min-width:0}
.iq-drag-handle{width:22px;height:26px;min-width:22px;display:grid;place-items:center;padding:0;border:0;background:transparent;border-radius:5px;color:var(--iq-subtle);touch-action:none;cursor:grab}
.iq-drag-handle:hover,.iq-drag-handle:focus-visible{background:var(--iq-hover);color:var(--iq-ink);outline:0}
.iq-board .task-card-id{font:500 10px/18px var(--iq-mono);padding:2px 5px;background:transparent;color:var(--iq-muted);letter-spacing:.03em}
.iq-board .task-card-title{font:550 13px/1.55 var(--iq-font);margin:0;padding:0;min-height:0;text-wrap:pretty}
.task-card-priority{display:flex;align-items:center;min-height:22px}
.iq-board .task-card-footer{margin:0;padding-top:2px;min-height:26px;gap:8px}.iq-board .task-due{font-size:11px;gap:6px}
.board-empty-slot{display:none;border:1px dashed var(--iq-line);border-radius:8px;padding:18px 12px;font:400 12px/1.5 var(--iq-font);color:var(--iq-muted);text-align:center}
.column-cards:not(:has(.task-card:not(.is-drag-source))):not(:has(.iq-board-placeholder))>.board-empty-slot{display:block}
.iq-board .task-card.is-drag-source{display:none}
.iq-board-placeholder{flex:none;box-sizing:border-box;border-radius:10px;border:1px dashed var(--iq-accent);background:var(--iq-accent-soft);min-height:100px}
.iq-board .is-drop-column .kanban-column-header{color:var(--iq-accent)}
.iq-drag-overlay{position:fixed!important;z-index:10000;pointer-events:none;border-radius:10px;background:var(--iq-raised);box-shadow:0 18px 42px var(--iq-shadow-color);margin:0;box-sizing:border-box;will-change:transform;display:flex;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid var(--iq-line)}
.iq-drag-overlay>.task-card-title{font-size:13px;line-height:1.55}
.iq-board-dragging{user-select:none;cursor:grabbing}.iq-board-dragging *{cursor:grabbing!important}
.board-drag-help{max-width:880px;margin-top:12px;line-height:1.7;font-size:11px}
.workspace-table .priority-cell{white-space:nowrap}.workspace-table .iq-badge{inline-size:124px;min-inline-size:124px;max-inline-size:124px}
.plan-deadline .iq-priority{justify-content:flex-start;font-size:9px;margin-top:5px;align-self:flex-start;max-width:100%}
.plan-deadline[data-priority=critical]{box-shadow:inset 2px 0 var(--iq-danger-fill)}
.agenda-task .iq-priority{margin:0;display:inline-flex;font-size:10px}
/* Task panel and full-screen use the same document DOM and editor state. */
#task-drawer .iq-dialog{width:min(780px,100vw);max-width:100vw;max-height:100dvh;overflow:auto;background:var(--iq-raised);color:var(--iq-ink)}
#task-drawer .iq-dialog-inner{padding:0;min-height:100%;background:var(--iq-raised)}
.task-document-toolbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 30px;background:var(--iq-raised);border-bottom:1px solid var(--iq-line)}
.task-document-toolbar .row{gap:8px}.task-document-toolbar .iq-breadcrumb{min-width:0;gap:9px;font-size:12px;white-space:nowrap}
.task-document{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:28px 32px 20px}
.task-document-heading{margin:0 0 24px;min-width:0}.task-document-heading .sample-overline{font-size:9px;color:var(--iq-muted)}
.task-document .task-drawer-title{font:550 clamp(27px,3vw,36px)/1.2 var(--iq-font);letter-spacing:-.035em;margin:14px 0 0;overflow-wrap:anywhere;max-width:100%;text-wrap:pretty}
.task-document-properties{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:18px;padding:0 0 24px;border-bottom:1px solid var(--iq-line);min-width:0}
.task-document-properties>div{min-width:0}.task-document-properties .iq-control-label{margin:0 0 8px;font-size:12px}
.task-document-properties .iq-select-trigger,.task-document-properties .iq-date-trigger{min-height:40px;font-size:12px;padding:9px 11px;background:var(--iq-field-bg);border-color:var(--iq-line);min-width:0}
.task-document-properties .iq-date-trigger [data-date-caption]{font-size:12px}
.priority-detail-caption{display:none}.task-document-properties .task-person{display:flex;align-items:center;gap:9px;min-height:40px;line-height:1.45;font-size:12px;padding:0}
.task-detail-save{grid-column:1/-1;display:flex;align-items:center;gap:7px;font:400 11px/18px var(--iq-font);color:var(--iq-muted);margin:0}
.task-document-body{min-width:0}.task-document-body .task-drawer-section{padding:0;margin:28px 0}
.task-document-body .task-drawer-section>h3{font-size:16px;line-height:24px;margin:0 0 16px;letter-spacing:-.01em}
.task-document-body .task-drawer-section>p{font-size:15px;line-height:1.75;color:var(--iq-ink);margin:0}
.task-document-body .task-evidence{gap:12px}.task-document-body .iq-check{font-size:13px;line-height:22px}
.task-document .task-document-footer{padding:20px 0 4px;margin:0;border-top:1px solid var(--iq-line)}
#task-drawer .iq-dialog.is-fullscreen{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:var(--iq-raised)}
#task-drawer[expanded] .task-document-toolbar{padding-inline:max(32px,calc((100vw - 1264px)/2));}
#task-drawer[expanded] .task-document{max-width:1264px;margin:0 auto;padding:48px 32px 28px;grid-template-columns:minmax(0,1fr) 260px;column-gap:64px}
#task-drawer[expanded] .task-document-heading{grid-column:1;grid-row:1}
#task-drawer[expanded] .task-drawer-title{font-size:40px;line-height:1.2;max-width:850px}
#task-drawer[expanded] .task-document-properties{grid-column:2;grid-row:1/4;grid-template-columns:1fr;display:flex;flex-direction:column;gap:24px;align-self:start;position:sticky;top:100px;border:0;padding:4px 0 0}
#task-drawer[expanded] .task-document-body{grid-column:1;grid-row:2}
#task-drawer[expanded] .task-document-footer{grid-column:1;grid-row:3}
@media(max-width:900px){
 #task-drawer[expanded] .task-document{grid-template-columns:minmax(0,1fr);padding:24px;max-width:760px}
 #task-drawer[expanded] .task-document-heading{grid-column:1;grid-row:auto}
 #task-drawer[expanded] .task-document-properties{grid-column:1;grid-row:auto;position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--iq-line)}
 #task-drawer[expanded] .task-document-body,#task-drawer[expanded] .task-document-footer{grid-row:auto;grid-column:1}
 #task-drawer[expanded] .task-drawer-title{font-size:30px}
 .priority-specimen{grid-template-columns:1fr;gap:24px}
}
@media(max-width:640px){
 .kanban.iq-board{grid-template-columns:repeat(4,260px);max-height:68dvh;gap:12px}
 .system-symbol,.system-notice>.system-symbol{width:44px;height:44px;min-width:44px;min-height:44px;max-height:44px;flex-basis:44px}
 #task-drawer .task-document,#task-drawer[expanded] .task-document{padding:24px 20px 16px}
 .task-document-toolbar,#task-drawer[expanded] .task-document-toolbar{padding:12px 16px}
 .task-document-properties,#task-drawer[expanded] .task-document-properties{grid-template-columns:1fr;gap:16px}
 .task-document .task-drawer-title{font-size:28px}
 .task-document .task-document-footer{flex-wrap:wrap;gap:10px}.task-document-footer>.iq-btn{flex:1}
 .workspace-table td:nth-child(4){display:block;grid-column:2;grid-row:3;margin-top:7px}
 .workspace-table td:nth-child(5){display:none}
 .workspace-table td:nth-child(6){grid-column:2;grid-row:4;margin-top:7px}
 .workspace-table td:nth-child(7){grid-column:3;grid-row:1}
 #task-sort-menu .iq-menu-popup{width:min(286px,calc(100vw - 24px))}
 .iq-menu-popup>button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.iq-drag-overlay{will-change:auto}.kanban-column-header,.time-format>button{transition:none}}
@media(forced-colors:active){.iq-priority{border:1px solid CanvasText}.task-card[data-priority=critical]::before{background:Highlight}.iq-menu-popup>button:focus-visible{background:Highlight!important;color:HighlightText!important}.system-symbol,.message-emblem{forced-color-adjust:auto}.iq-board-placeholder{border-color:Highlight}}
.time-picker.time-picker-046 .time-settings{flex-direction:row;align-items:center;justify-content:space-between;align-self:auto}
.iq-check input:checked+.iq-check-box{color:var(--iq-on-primary)}
.iq-check-box>.iq-icon{fill:currentColor;stroke:none}

/* 04.7 — Shared role and geometry corrections. No route-scoped overrides. */
/* Priorities are comparable metadata: one footprint, no glyph, one type weight. */
.iq-priority,.iq-priority.compact{box-sizing:border-box;inline-size:114px;min-inline-size:114px;max-inline-size:114px;block-size:28px;min-block-size:28px;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;gap:0;font:600 11px/18px var(--iq-font);border-radius:7px;white-space:nowrap}
.iq-priority[data-priority=normal],.iq-priority[data-priority=low]{background:var(--iq-priority-neutral-bg);color:var(--iq-priority-neutral-ink)}
.iq-priority[data-priority=low]{font-weight:500}
/* Non-semantic metadata never inherits a status's light-on-solid foreground. */
.iq-badge.sample{background:var(--iq-sample-bg);color:var(--iq-sample-ink);font-size:11px;font-weight:550}
.feature-proof-symbol.done,.agenda-state.done,.message-emblem.success{background:var(--iq-success-fill);color:var(--iq-on-success)}
.feature-proof-symbol>.iq-icon{display:block;width:20px;height:20px;flex:none}
.plan-deadline.done,.plan-deadline.done>span{color:var(--iq-on-success)}
.iq-btn[data-copy-state=success]{background:var(--iq-success-fill);color:var(--iq-on-success)}
/* Inline disclosure: the arrow belongs to the title, while the timestamp has its own column. */
.activity-event summary{justify-content:flex-start;gap:8px;width:fit-content;max-width:100%;padding:2px 0}
.activity-event summary>b{flex:0 1 auto;min-width:0}
.activity-event summary>.iq-icon{flex:0 0 14px;margin:0}
.iq-chart-demo{display:flex;flex-direction:column;gap:0;max-width:100%}
.iq-chart-demo>.iq-chart{display:block}
.iq-chart-demo>.iq-helper{margin:0;padding-block:16px;line-height:1.6}
/* Native radios live inside a coherent choice list; fieldset supplies semantics, not a browser frame. */
.iq-choice-group,.radio-fieldset{border:0;padding:0;margin:0 auto;min-inline-size:0;width:min(100%,600px)}
.iq-choice-group>legend,.radio-fieldset>legend{padding:0;margin-bottom:16px;font:600 16px/1.45 var(--iq-font)}
.iq-choice-options{display:grid;gap:4px}
.iq-choice{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;min-height:74px;cursor:pointer;transition:background-color 140ms var(--iq-ease)}
.iq-choice input{position:absolute;inline-size:100%;block-size:100%;inset:0;margin:0;opacity:0;cursor:pointer}
.iq-choice-indicator{position:relative;inline-size:20px;block-size:20px;flex:0 0 20px;border:1.5px solid var(--iq-control);border-radius:50%;display:grid;place-items:center;background:var(--iq-raised);pointer-events:none}
.iq-choice-indicator::after{content:'';width:8px;height:8px;background:var(--iq-on-primary);border-radius:50%;transform:scale(0);transition:transform 160ms var(--iq-ease-spring)}
.iq-choice:has(:checked){background:var(--iq-radio-selected)}
.iq-choice:has(:checked) .iq-choice-indicator{background:var(--iq-primary);border-color:var(--iq-primary)}
.iq-choice:has(:checked) .iq-choice-indicator::after{transform:scale(1)}
.iq-choice-copy{display:grid;gap:3px;min-width:0;pointer-events:none}
.iq-choice-copy b{font:550 14px/1.45 var(--iq-font)}
.iq-choice-copy small{color:var(--iq-muted);font:400 12px/1.5 var(--iq-font)}
.iq-choice:has(input:focus-visible){background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.iq-choice:has(input:focus-visible) .iq-choice-copy b{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.iq-choice:has(input:focus-visible) .iq-choice-copy small{color:inherit}
.iq-choice:has(input:disabled){opacity:.45;cursor:not-allowed}
@media(hover:hover){.iq-choice:not(:has(input:disabled)):hover{background:var(--iq-hover)}}
.iq-task-kind{display:inline-flex;align-items:center;font:550 10px/18px var(--iq-font);color:var(--iq-epic);padding:1px 5px;border-radius:4px;white-space:nowrap}
.task-identity{flex-wrap:wrap;row-gap:2px}
[data-task-surface]{cursor:pointer}
.workspace-table tr[data-task-surface]{transition:background 140ms var(--iq-ease)}
.task-card:has(.task-card-title:focus-visible){background:var(--iq-hover);box-shadow:none}
.task-card .task-card-title:focus-visible{outline:0;color:var(--iq-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}

.priority-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}
.priority-catalog{width:100%;max-width:850px;margin:auto}
.priority-card-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.priority-card-gallery .task-card{display:grid;padding:16px;gap:12px;border:0;box-shadow:0 1px 2px var(--iq-shadow-color);margin:0;border-radius:12px}
.priority-card-gallery .task-card-title{font-size:13px;line-height:1.5}
.priority-card-gallery .task-card-id{color:var(--iq-muted);font:500 10px/18px var(--iq-mono)}
.priority-card-gallery .task-card-footer{margin:0}
.priority-catalog>.iq-helper{margin:16px 0 0}
/* Explicit menu focus, including programmatic entry after opening. */
.iq-menu-popup>button:focus,#task-sort-menu .iq-menu-popup>button:focus{background:var(--iq-menu-focus);color:var(--iq-ink);outline:0;text-decoration:none;box-shadow:none}
/* Palette documentation renders every theme role from the exported manifest. */
.palette-states{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.palette-principle{padding:20px 24px;background:var(--iq-surface);border-radius:14px;max-width:760px}
.palette-principle b{font:600 14px/1.5 var(--iq-font)}
.palette-principle p{color:var(--iq-muted);font-size:14px;line-height:1.65;margin-top:8px;max-width:64ch}
.palette-section{margin-top:40px}
.palette-section>h2{font-size:24px;margin-bottom:20px}
.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.palette-swatch{border:1px solid var(--iq-line);border-radius:12px;overflow:hidden;min-width:0}
.palette-pigment{height:76px;border-bottom:1px solid var(--iq-line)}
.palette-swatch>div:last-child{padding:16px}
.palette-swatch h3{font:550 13px/1.5 var(--iq-font);margin:0 0 3px}
.palette-swatch code{font:11px/1.5 var(--iq-mono);overflow-wrap:anywhere;color:var(--iq-muted)}
.palette-swatch dl{margin:16px 0 0;font-size:11px;line-height:1.6}
.palette-swatch dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.palette-swatch dt{color:var(--iq-muted)}.palette-swatch dd{margin:0;font-family:var(--iq-mono)}
.palette-table-wrap{overflow:auto;border:1px solid var(--iq-line);border-radius:12px;margin-bottom:24px}
.palette-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}
.palette-table th,.palette-table td{padding:12px 16px;border-bottom:1px solid var(--iq-line);white-space:nowrap}
.palette-table thead{background:var(--iq-surface)}
.palette-table tbody th{font-weight:400}.palette-table tr:last-child>*{border-bottom:0}
.palette-inline{display:inline-block;vertical-align:middle;width:18px;height:18px;border:1px solid var(--iq-line);border-radius:4px;background:var(--swatch);margin-right:8px}
@media(max-width:700px){.priority-card-gallery{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-swatch>div:last-child{padding:12px}.palette-table th,.palette-table td{padding:12px}.priority-specimen{grid-template-columns:1fr;gap:20px}.iq-choice{padding:14px 12px;gap:12px}}
@media(max-width:420px){.palette-grid{grid-template-columns:1fr}.palette-pigment{height:64px}}
@media(prefers-reduced-motion:reduce){.iq-choice,.iq-choice-indicator::after,[data-task-surface]{transition:none}}
[data-motion=reduced] .iq-choice,[data-motion=reduced] .iq-choice-indicator::after,[data-motion=reduced] [data-task-surface]{transition:none}
@media(forced-colors:active){.iq-priority,.iq-badge.sample{border:1px solid CanvasText;background:Canvas;color:CanvasText}.task-card::before,.task-card::after{display:none}.iq-choice:has(input:focus-visible){background:Highlight;color:HighlightText}.iq-choice-indicator{border:1px solid CanvasText}.iq-choice:has(:checked) .iq-choice-indicator{background:Highlight;border-color:Highlight}.iq-choice-indicator::after{background:HighlightText}}

.palette-all>summary{cursor:pointer;padding:16px 0;font-weight:550;font-size:14px}.palette-all{margin-top:8px}.palette-all .palette-table-wrap{margin-top:8px}
/* Decorative state marks never intercept the native check/radio input. */
.iq-check-box,.iq-radio-dot{pointer-events:none}

/* IQUIPAGE 04.8 — six scoped refinements; unchanged controls retain their contract. */

/* Chart spacing is measured against the surface, not just the caption's own padding. */
[data-component=chart] .specimen-surface:has(.iq-chart-demo){min-height:0;padding:28px 32px 0;display:block}
.iq-chart-demo{display:block;width:100%;margin:0;max-width:none}
.iq-chart-demo>.iq-chart{display:block;width:100%;height:auto;margin:0;color:var(--iq-accent);aspect-ratio:720 / 230}
.iq-chart .chart-axis-label{fill:var(--iq-muted);font:12px var(--iq-font)}
.chart-month-labels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding-left:5%;padding-right:2.5%;color:var(--iq-muted);font:400 13px/20px var(--iq-font);text-align:center}
.iq-chart-demo>.chart-caption{margin:0;padding:16px 0;font:400 12px/20px var(--iq-font);color:var(--iq-muted);text-align:left}

/* Product navigation: identity, work, projects, and account are distinct groups. */
iq-side-navigation,iq-navigation-demo{display:block;min-width:0}
[data-component=sidebar] .specimen-surface:has(iq-navigation-demo){padding:0;min-height:0;overflow:hidden;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:16px}
.side-demo{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:590px;align-items:stretch}
.side-demo:has(iq-side-navigation[collapsed]){grid-template-columns:76px minmax(0,1fr)}
.product-nav{height:100%;min-height:520px;background:var(--iq-surface);border-right:1px solid var(--iq-line);display:flex;flex-direction:column;padding:16px 12px 12px;box-sizing:border-box}
.product-nav-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;margin:0 0 22px}
.nav-workspace{display:flex;align-items:center;gap:10px;min-width:0;color:var(--iq-ink);text-decoration:none}
.nav-workspace-monogram{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:var(--iq-primary);color:var(--iq-on-primary);font:600 11px var(--iq-font);letter-spacing:-.03em}
.nav-workspace-copy{display:grid;gap:2px;min-width:0}
.nav-workspace-copy b{font:600 12px/18px var(--iq-font);white-space:nowrap}
.nav-workspace-copy small{font:400 10px/16px var(--iq-font);color:var(--iq-muted);white-space:nowrap}
.product-nav-head>.iq-btn{--h:28px;min-width:28px;padding:4px}
.product-nav-search{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;background:var(--iq-raised);margin:0 4px 24px;color:var(--iq-muted)}
.product-nav-search input{display:block;min-width:0;width:100%;background:transparent;border:0;padding:0;outline:0;font:400 12px/20px var(--iq-font);color:var(--iq-ink)}
.product-nav-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--iq-focus)}
.product-nav-items{flex:1;display:block;min-height:200px}
.product-nav-section{margin:0 0 24px}
.product-nav-section h3{margin:0 10px 8px;font:500 10px/16px var(--iq-font);letter-spacing:.06em;color:var(--iq-muted);text-transform:uppercase}
.product-nav-item{display:flex;position:relative;gap:0;align-items:center}
.product-nav-link{position:relative;display:flex;align-items:center;gap:11px;min-width:0;width:100%;min-height:40px;padding:9px 10px;border-radius:8px;font:450 12px/20px var(--iq-font);color:var(--iq-muted);text-decoration:none;box-sizing:border-box}
.product-nav-link>.iq-icon{flex:none;opacity:.85}
.product-nav-link>span{min-width:0;overflow-wrap:anywhere}
.product-nav-link .nav-count{margin-left:auto;min-width:20px;text-align:center;font:500 10px/20px var(--iq-font);font-variant-numeric:tabular-nums;color:inherit}
.product-nav-link[aria-current=page]{background:var(--iq-nav-current-bg);color:var(--iq-nav-current-ink);font-weight:600}
.product-nav-item:has(.nav-disclosure)>.product-nav-link{padding-right:34px}
.nav-disclosure{position:absolute;right:4px;display:grid;place-items:center;width:28px;height:32px;border:0;border-radius:6px;color:var(--iq-muted);background:transparent}
.product-nav-children{padding-left:29px;margin:3px 0 6px}
.product-nav-children>.product-nav-entry .product-nav-link{min-height:34px;padding-block:6px;font-size:11px;gap:9px}
.product-nav-children .iq-icon{width:16px;height:16px}
.product-nav-footer{display:grid;gap:16px;border-top:1px solid var(--iq-line);padding-top:12px}
.product-nav-person{display:flex;align-items:center;gap:10px;padding:0 8px 2px}
.product-nav-person>.iq-avatar{width:30px;height:30px;font-size:10px;border:0;box-shadow:none}
.product-nav-person>span:last-child{display:grid;gap:1px}
.product-nav-person b{font:550 12px/18px var(--iq-font)}
.product-nav-person small{font:400 10px/16px var(--iq-font);color:var(--iq-muted)}
.nav-no-results{font:400 12px/1.6 var(--iq-font);padding:12px;color:var(--iq-muted)}
.product-nav-link:focus-visible,.nav-disclosure:focus-visible{outline:0;background:var(--iq-focus-fill);color:var(--iq-focus-text);text-decoration:underline;text-underline-offset:4px}
@media(hover:hover){.product-nav-link:hover,.nav-disclosure:hover{background:var(--iq-hover);color:var(--iq-ink)}}
iq-side-navigation[collapsed] .product-nav{padding:16px 10px 12px}
iq-side-navigation[collapsed] .product-nav-head{flex-direction:column;gap:13px;margin-bottom:15px}
iq-side-navigation[collapsed] .nav-workspace-copy,iq-side-navigation[collapsed] .product-nav-search,iq-side-navigation[collapsed] .product-nav-section h3,iq-side-navigation[collapsed] .product-nav-link>span,iq-side-navigation[collapsed] .nav-count,iq-side-navigation[collapsed] .nav-disclosure,iq-side-navigation[collapsed] .product-nav-children,iq-side-navigation[collapsed] .product-nav-person>span:last-child{display:none}
iq-side-navigation[collapsed] .product-nav-link{min-height:42px;justify-content:center;padding:10px}
iq-side-navigation[collapsed] .product-nav-section{margin-bottom:16px}
iq-side-navigation[collapsed] .product-nav-person{justify-content:center;padding:0}
.side-demo-content{padding:44px 32px;display:flex;flex-direction:column;min-width:0}
.side-demo-content>.sample-overline{font-size:9px;letter-spacing:.1em;color:var(--iq-muted);margin-bottom:20px}
.side-demo-content>h3{font:550 30px/1.15 var(--iq-display);letter-spacing:-.03em;margin:0 0 14px}
.side-demo-content>p{font:400 13px/1.7 var(--iq-font);color:var(--iq-muted);margin:0;max-width:35ch}
.nav-demo-work{display:grid;gap:0;margin-top:38px;border-top:1px solid var(--iq-line)}
.nav-demo-work>div{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--iq-line);font:450 12px/1.5 var(--iq-font)}
.nav-demo-index{font:400 10px var(--iq-mono);color:var(--iq-muted)}
.nav-demo-work>div>.iq-icon{margin-left:auto;flex:none;color:var(--iq-muted)}
.nav-demo-bottom{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:36px;align-items:center;justify-content:space-between}
.nav-demo-bottom>.text-action{font-size:11px;gap:6px}

/* Calendar: one stable grid and compact editorial entries; priority stays in task detail. */
.deadline-planner{padding:24px;background:var(--iq-surface);border-radius:16px}
.plan-toolbar{margin-bottom:24px}
.plan-weekday{padding:0;margin:0 0 10px;font:500 11px/20px var(--iq-font);color:var(--iq-muted)}
.plan-weekday>span{padding-left:10px;text-align:left}
.plan-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--iq-line);border:1px solid var(--iq-line);border-radius:12px;overflow:hidden}
.plan-day{border-radius:0;background:var(--iq-raised);padding:9px;min-height:126px;min-width:0}
.plan-day.outside{background:var(--iq-surface);color:var(--iq-muted)}
.plan-day.outside time{opacity:.6}
.plan-day-head{margin-bottom:11px;min-height:25px;display:flex;align-items:center;justify-content:space-between}
.plan-day-head time{font:500 11px/25px var(--iq-font);width:25px;height:25px}
.plan-day-head>span{font:400 9px/18px var(--iq-font);color:var(--iq-muted)}
.plan-day-entries{display:grid;gap:7px}
.plan-deadline{display:flex;flex-direction:column;gap:9px;width:100%;margin:0;background:var(--iq-calendar-item-bg);color:var(--iq-ink);padding:10px 9px;border:0;border-radius:8px;text-align:left;transition:background-color 140ms var(--iq-ease)}
.plan-deadline>.plan-entry-top{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;margin:0;color:var(--iq-muted);font:450 9px/14px var(--iq-mono)}
.plan-entry-dot{width:4px;height:4px;flex:none;border-radius:50%;background:var(--iq-muted)}
.plan-deadline>b{display:block;-webkit-line-clamp:unset;overflow:visible;font:500 12px/1.5 var(--iq-font);color:var(--iq-ink);overflow-wrap:anywhere}
.plan-deadline>.plan-entry-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;margin:0;color:var(--iq-muted);font:400 9px/16px var(--iq-font)}
.plan-person{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--iq-raised);color:var(--iq-muted);font:500 8px/1 var(--iq-font)}
.plan-deadline.done{background:var(--iq-calendar-complete-bg)}
.plan-deadline.done>.plan-entry-top,.plan-deadline.done>.plan-entry-meta{color:var(--iq-calendar-complete-ink)}
.plan-show-more{display:flex;align-items:center;gap:6px;justify-content:center;width:100%;min-height:28px;border:0;background:transparent;color:var(--iq-muted);font:500 10px/16px var(--iq-font);padding:6px 2px;margin-top:5px;border-radius:6px}
.plan-show-more:focus-visible,.plan-deadline:focus-visible{outline:0;background:var(--iq-focus-fill);color:var(--iq-focus-text);box-shadow:inset 0 -2px currentColor}
.plan-deadline:focus-visible b,.plan-deadline:focus-visible .plan-entry-top,.plan-deadline:focus-visible .plan-entry-meta{color:inherit}
@media(hover:hover){.plan-deadline:hover{background:var(--iq-calendar-item-hover);transform:none}.plan-deadline.done:hover{background:var(--iq-calendar-complete-bg);filter:brightness(.97)}.plan-show-more:hover{background:var(--iq-hover)}}
.agenda-task{grid-template-columns:32px minmax(0,1fr) auto 16px;gap:14px;padding:17px 12px;align-items:center}
.agenda-task-copy{display:grid;gap:7px;min-width:0}
.agenda-task-copy>b{font:500 13px/1.5 var(--iq-font)}
.agenda-task-copy>small{font:400 11px/1.5 var(--iq-font);display:flex;flex-wrap:wrap;gap:5px 12px;color:var(--iq-muted)}
.agenda-state-label{font:500 10px/16px var(--iq-font);color:var(--iq-muted)}
.agenda-state-label[data-status=done]{color:var(--iq-success)}
.agenda-state{width:30px;height:30px;border-radius:8px}
.plan-legend{margin-top:16px;font-size:11px}
.plan-legend .iq-badge{width:auto;min-width:0}

@media(max-width:1100px){
 .side-demo{grid-template-columns:225px minmax(0,1fr)}.side-demo-content{padding:34px 22px}.nav-workspace-copy b{font-size:11px}.nav-workspace-copy small{font-size:9px}
 .plan-day{padding:6px}.plan-deadline{padding:8px 6px}.plan-deadline>b{font-size:11px}.plan-entry-meta>span:first-child{font-size:8px}
}
@media(max-width:760px){
 .side-demo:not(:has(iq-side-navigation[collapsed])){grid-template-columns:1fr;min-height:0}.side-demo:not(:has(iq-side-navigation[collapsed])) .product-nav{border-right:0;border-bottom:1px solid var(--iq-line);min-height:0}
 .side-demo-content{padding:28px 22px}.side-demo-content>h3{font-size:26px}.nav-demo-work{margin-top:24px}.nav-demo-bottom{padding-top:24px}.product-nav{min-height:470px}
 .side-demo:has(iq-side-navigation[collapsed]){grid-template-columns:66px minmax(0,1fr)}
}
@media(max-width:600px){
 [data-component=chart] .specimen-surface:has(.iq-chart-demo){padding:22px 16px 0}
 .chart-month-labels{padding-left:5%;padding-right:2.5%;font-size:10px;line-height:18px}
 .iq-chart-demo>.chart-caption{font-size:11px;line-height:18px;padding-block:16px}
 .workspace-table tr[data-task-surface]{padding:16px 10px;grid-template-columns:22px minmax(0,1fr) 30px;column-gap:8px;margin-bottom:8px;border:0;border-radius:10px}
 .workspace-table tr[data-task-surface]>td{padding:0;margin:0;height:auto;border:0}
 .workspace-table .task-title{width:auto;min-width:0;grid-row:1;grid-column:2}
 .workspace-table .task-title>button{font-size:13px}
 .workspace-table .task-row-meta{gap:7px;margin-bottom:6px}.workspace-table .task-signal-copy{font-size:9px}
 .workspace-table tr>td:nth-child(3){display:block;grid-column:2;grid-row:2;margin-top:12px}
 .workspace-table tr>.task-owner-cell{display:block;grid-column:2;grid-row:3;margin-top:10px}
 .workspace-table tr>.task-date-cell{display:block;grid-column:2;grid-row:4;margin-top:8px;font-size:11px}
 .workspace-table tr>.task-actions-cell{display:block;grid-column:3;grid-row:1;width:30px;margin:0}
 .workspace-table tr>.check-col{display:block;grid-column:1;grid-row:1;width:22px;margin:3px 0 0}
 .deadline-planner{padding:18px 14px}.agenda-task{grid-template-columns:28px minmax(0,1fr) 14px;gap:10px;padding:16px 4px}
 .agenda-state-label{display:none}.agenda-state{width:26px;height:26px}.agenda-day{gap:12px}.agenda-task-copy>b{font-size:12px}.agenda-task-copy>small{font-size:10px}
 .product-nav-head>.iq-btn{--h:36px;min-width:36px}.nav-workspace-copy b{font-size:12px}.nav-workspace-copy small{font-size:10px}
 .side-demo-content>.sample-overline{font-size:8px}.side-demo-content>p{font-size:12px}.nav-demo-work>div{font-size:11px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.task-card,.plan-deadline{transition:none}}
[data-motion=reduced] .task-card,[data-motion=reduced] .plan-deadline{transition:none}
@media(forced-colors:active){
 .task-card,.workspace-table tr[data-task-surface],.plan-deadline{background:Canvas;color:CanvasText}
 .task-signal-copy,.task-epic-label{color:CanvasText}.product-nav-link[aria-current=page]{color:HighlightText;background:Highlight}
 .plan-days,.product-nav{border-color:CanvasText}.plan-deadline:focus-visible{box-shadow:inset 0 -2px Highlight}
}

iq-side-navigation[collapsed] .product-nav-link[data-contains-current]{background:var(--iq-nav-current-bg);color:var(--iq-nav-current-ink)}

/* 04.9 / Task Light. Same meaning on cards and rows, never derived from status.
   Gradients are static. No animated filter/blur, no edge stripe, no external shadow glow.
   Only the hover overlay's opacity transitions. Background layers cannot capture input. */
:where(.task-card,.workspace-table tr[data-task-surface]) {
 --task-surface:var(--iq-task-neutral-surface);
 --task-signal:var(--iq-muted);
 --task-light-core:transparent;--task-light-mid:transparent;--task-light-rim:transparent;
 --task-light-image:none;
}
[data-task-emphasis=epic] {
 --task-signal:var(--iq-task-epic-text);
 --task-light-core:var(--iq-task-light-epic-core);
 --task-light-mid:var(--iq-task-light-epic-mid);
 --task-light-rim:var(--iq-task-light-epic-rim);
}
[data-task-emphasis=high] {
 --task-signal:var(--iq-task-high-text);
 --task-light-core:var(--iq-task-light-high-core);
 --task-light-mid:var(--iq-task-light-high-mid);
 --task-light-rim:var(--iq-task-light-high-rim);
}
[data-task-emphasis=critical] {
 --task-signal:var(--iq-task-critical-text);
 --task-light-core:var(--iq-task-light-critical-core);
 --task-light-mid:var(--iq-task-light-critical-mid);
 --task-light-rim:var(--iq-task-light-critical-rim);
}
:is(.task-card,.workspace-table tr)[data-task-emphasis]:not([data-task-emphasis=none]) {
 --task-light-image:
  radial-gradient(ellipse 95% 130% at -14% -20%,var(--task-light-core) 0%,var(--task-light-core) 13%,var(--task-light-mid) 50%,transparent 82%),
  radial-gradient(ellipse 90% 82% at 35% -56%,var(--task-light-rim) 0%,transparent 88%);
}
/* Cards use the neutral opaque substrate; colour is a separate light field. */
.iq-board .task-card,.priority-specimen .task-card,.priority-card-gallery .task-card,.task-card.iq-drag-overlay {
 position:relative;isolation:isolate;background-color:var(--task-surface);
 background-image:var(--task-light-image);background-repeat:no-repeat;background-size:100% 100%;
 border:0;border-radius:12px;box-shadow:none;padding:15px;gap:13px;
 transition:none;
}
.task-card::before {content:none;display:none}
.task-card::after {
 content:"";display:block;position:absolute;inset:0;border-radius:inherit;
 background:var(--task-light-image);opacity:0;pointer-events:none;z-index:0;
 transition:opacity 180ms var(--iq-ease);
}
.task-card>* {position:relative;z-index:1}
.task-card .task-card-top {min-height:24px;gap:8px}
.task-identity {display:flex;flex:1;min-width:0;align-items:center;gap:7px;flex-wrap:wrap;row-gap:4px}
.iq-board .task-card-id,.priority-catalog .task-card-id {background:none;color:var(--iq-muted);font:500 10px/18px var(--iq-mono);padding:0;letter-spacing:.025em}
.task-signal-copy {display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font:600 10px/18px var(--iq-font);color:var(--task-signal);letter-spacing:.005em}
.task-signal-copy:empty {display:none}
.task-signal-copy>span {white-space:nowrap}
.task-epic-label {color:var(--iq-task-epic-text)}
.task-signal-copy>span+span {padding-left:8px;border-left:1px solid color-mix(in srgb,var(--task-signal) 30%,transparent)}
.iq-board .task-card-title {font:550 14px/1.5 var(--iq-font);color:var(--iq-ink);letter-spacing:-.012em;text-wrap:pretty}
.iq-board .task-card-footer {padding-top:3px;min-height:28px}
.iq-board .task-card-footer .task-due {font-size:11px;color:var(--iq-muted)}
.task-card .iq-drag-handle {width:18px;min-width:18px;flex:none}
.task-card .iq-drag-handle>.iq-icon {width:14px;height:14px}
.task-card-top iq-menu>.iq-btn {--h:26px;padding:4px}
@media(hover:hover) {
 .task-card[data-task-surface]:hover {background-color:var(--task-surface);background-image:var(--task-light-image);box-shadow:none}
 .task-card[data-task-surface]:hover::after {opacity:.3}
 .task-card[data-task-emphasis=none]:hover {background-color:var(--iq-hover)}
}
.task-card:has(.task-card-title:focus-visible) {background-color:var(--task-surface);background-image:var(--task-light-image)}
.task-card .task-card-title:focus-visible {color:var(--iq-ink);text-decoration:underline;text-underline-offset:4px}
.priority-catalog .task-card {--iq-avatar-separator:var(--task-surface)}
/* Lists stay neutral by default, including low and normal priorities and every status.
   The three exceptional roles use a quieter field anchored to the task-name area.
   Painting at row level avoids gradient seams between table cells. */
.workspace-table tr[data-task-surface] {
 background-color:transparent;background-image:none;filter:none;
 transition:background-color 140ms var(--iq-ease);
}
.workspace-table tr[data-task-emphasis]:not([data-task-emphasis=none]) {
 background-image:
  radial-gradient(ellipse 60% 200% at 0% 0%,color-mix(in srgb,var(--task-light-core) var(--iq-task-light-row-strength),transparent) 0%,color-mix(in srgb,var(--task-light-mid) 74%,transparent) 46%,transparent 82%),
  radial-gradient(ellipse 45% 120% at 18% -70%,var(--task-light-rim),transparent 80%);
 background-repeat:no-repeat;
}
.workspace-table tr[data-task-surface]>td {background:transparent;padding-block:20px}
.workspace-table .task-row-meta {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:7px}
.workspace-table .task-row-meta .task-id {font:500 10px/18px var(--iq-mono);color:var(--iq-muted);margin:0;letter-spacing:.03em}
.workspace-table .task-title {width:44%;min-width:200px;max-width:none}
.workspace-table .task-title>button {font-weight:500;font-size:14px;line-height:1.5;text-align:left;color:var(--iq-ink)}
.workspace-table .task-date-cell {color:var(--iq-muted);font-size:12px;white-space:nowrap}
.workspace-table .task-actions-cell {width:44px}
.workspace-table .iq-badge {inline-size:124px;min-inline-size:124px;max-inline-size:124px}
@media(hover:hover) {.workspace-table tr[data-task-surface]:hover {background-color:var(--iq-surface);filter:none}}
.workspace-table tr[data-task-surface]:has(input:checked) {background-color:var(--iq-surface)}
@media(max-width:600px) {
 .workspace-table tr[data-task-surface]>td {padding:0;height:auto;border:0}
 .workspace-table .task-title {width:auto;min-width:0}
 .workspace-table .task-title>button {font-size:13px}
 .workspace-table .task-row-meta {gap:7px;margin-bottom:6px}
 .workspace-table .task-signal-copy {font-size:9px}
}
@media(prefers-reduced-motion:reduce) {.task-card::after,.workspace-table tr[data-task-surface] {transition:none!important}}
[data-motion=reduced] .task-card::after,[data-motion=reduced] .workspace-table tr[data-task-surface] {transition:none}
@media(forced-colors:active) {
 .task-card,.workspace-table tr[data-task-surface] {background:Canvas!important;color:CanvasText;forced-color-adjust:auto}
 .task-card::after {display:none}
 .task-signal-copy,.task-epic-label {color:CanvasText}
}

/* Keep small identifiers readable across the brightest part of the light field. */
.task-card[data-task-emphasis]:not([data-task-emphasis=none]) .task-card-id{color:var(--iq-task-light-meta)}
.workspace-table tr[data-task-emphasis]:not([data-task-emphasis=none]) .task-row-meta .task-id{color:var(--iq-task-light-meta)}
@media(max-width:600px){
 .workspace-table tr[data-task-surface]>.task-owner-cell{margin-top:10px}
 .workspace-table tr[data-task-surface]>.task-date-cell{margin-top:8px}
}



/* IQUIPAGE 05.1 — scoped data surfaces. The approved 04.9 layer is unchanged. */
iq-roadmap,iq-graph,iq-data-chart,iq-extension-demo{
 display:block;width:100%;min-width:0;container-type:inline-size;container-name:iqpro;
}
iq-remote-combobox,iq-tag-input{display:block;width:100%;min-width:0}
[data-component] .specimen-surface:has(>iq-extension-demo){display:block;padding:0;min-height:0;background:transparent;overflow:visible}
.iq-pro,.iq-remote-control,.iq-tag-field,.iq-tag-bottom{box-sizing:border-box;font-family:var(--iq-font);color:var(--iq-ink)}
.iq-pro *,.iq-remote-control *,.iq-tag-field *{box-sizing:border-box}
.iq-pro{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid var(--iq-line);border-radius:16px;background:var(--iq-canvas);font-size:14px;line-height:1.5;text-align:left}
.iq-pro h3,.iq-pro h4,.iq-pro p{margin:0}
.iq-pro h3{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}
.iq-pro h4{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere}
.iq-pro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;border-bottom:1px solid var(--iq-line)}
.iq-pro-heading{flex:1 1 250px;min-width:0}
.iq-pro-eyebrow{display:block;margin-bottom:6px;font-size:10.5px;line-height:1.4;font-weight:600;letter-spacing:.09em;color:var(--iq-muted)}
.iq-pro-subtitle{display:block;margin-top:6px;font-size:13px;line-height:1.55;color:var(--iq-muted);overflow-wrap:anywhere}
.iq-pro-meta-sep{display:inline-block;width:12px}
.iq-pro-actions,.iq-pro-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.iq-pro .iq-btn{font-family:var(--iq-font);letter-spacing:0;gap:8px;white-space:nowrap;flex-shrink:0;vertical-align:middle}
.iq-pro .iq-btn.sm{min-height:36px;height:36px;padding:0 12px;border-radius:8px;font-size:13px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center}
.iq-pro .iq-btn.icon-only{width:36px;min-width:36px;padding:0}
.iq-pro .iq-btn:disabled,.iq-remote-control button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.iq-pro .iq-btn>svg{width:16px;height:16px;flex-shrink:0}
.iq-pro .iq-btn.icon-only>svg{width:18px;height:18px}
.iq-pro button:focus-visible{outline:0!important}
.iq-pro .iq-btn:not(.primary):focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);box-shadow:inset 0 -2px var(--iq-accent);text-decoration:none}
.iq-pro .iq-btn.primary:focus-visible{background:var(--iq-primary);color:var(--iq-on-primary);box-shadow:inset 0 -3px var(--iq-accent)}
.iq-pro-segment{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--iq-surface);border-radius:10px;max-width:100%}
.iq-pro .iq-pro-segment>.iq-btn{background:transparent;color:var(--iq-muted);border:0;box-shadow:none;min-height:30px;height:30px;padding:0 10px;border-radius:7px}
.iq-pro .iq-pro-segment>.iq-btn[aria-pressed=true]{background:var(--iq-raised);color:var(--iq-ink);font-weight:600;box-shadow:var(--iq-shadow-1)}
.iq-pro .iq-pro-segment>.iq-btn:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);box-shadow:inset 0 -2px var(--iq-accent)}
.iq-pro-readonly{display:flex;align-items:center;gap:9px;padding:12px 24px;background:var(--iq-surface);color:var(--iq-muted);font-size:13px}
.iq-pro-readonly svg{flex-shrink:0;width:16px;height:16px}
.iq-pro-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;text-align:center}
.iq-pro-state>p{max-width:420px;color:var(--iq-muted);font-size:14px}
.iq-pro-state>h3{font-size:20px}
.iq-pro-state-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--iq-surface);color:var(--iq-muted);margin-bottom:4px}
.iq-pro-state.is-error .iq-pro-state-icon{background:var(--iq-warning-bg);color:var(--iq-on-warning)}
.iq-pro-state.is-error>h3{color:var(--iq-danger)}
.iq-pro-inspector{display:flex;flex-direction:column;gap:16px;min-width:0;padding:22px 24px;background:var(--iq-surface);border-top:1px solid var(--iq-line)}
.iq-pro-inspector-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.iq-pro-inspector-title>div{min-width:0}
.iq-pro-inspector-title h4{font-size:17px}
.iq-pro-inspector .iq-pro-readonly{padding:10px 12px;border-radius:8px;background:var(--iq-raised)}
.iq-pro-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;font-size:13px;font-weight:500;line-height:1.45;color:var(--iq-ink)}
.iq-pro-field small{font-size:12px;font-weight:400;color:var(--iq-muted)}
.iq-pro-field input,.iq-pro-field textarea{
 display:block;width:100%;min-width:0;border:1px solid var(--iq-control);border-radius:8px;background:var(--iq-field-bg);
 color:var(--iq-ink);font:14px/1.5 var(--iq-font);padding:9px 11px;resize:none;outline:0;
}
.iq-pro-field input{height:40px}
.iq-pro-field input:focus,.iq-pro-field textarea:focus{border-color:var(--iq-focus);box-shadow:inset 0 0 0 1px var(--iq-focus)}
.iq-pro-field input:disabled,.iq-pro-field textarea:disabled{color:var(--iq-muted);background:var(--iq-surface)}
.iq-pro-field input[type=number]{appearance:textfield;-moz-appearance:textfield}
.iq-pro-field input::-webkit-inner-spin-button,.iq-pro-field input::-webkit-outer-spin-button{appearance:none;margin:0}
.iq-pro-error{font-size:13px;line-height:1.55;color:var(--iq-danger);padding:0;overflow-wrap:anywhere}
.iq-pro-inline-error{padding:16px 24px!important}
.iq-pro-dock{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--iq-accent-soft);border-top:1px solid var(--iq-line);flex-wrap:wrap}
.iq-pro-dock[hidden]{display:none}
.iq-pro-draft{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 240px}
.iq-pro-draft b{display:block;font-size:14px;line-height:1.45;font-weight:600}
.iq-pro-draft small{display:block;margin-top:4px;max-width:600px;color:var(--iq-muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.iq-pro-draft small[role=alert]{color:var(--iq-danger)}
.iq-pro-dot{width:7px;height:7px;flex-shrink:0;margin-top:7px;border-radius:50%;background:var(--iq-accent)}
.iq-pro-foot{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:12px 24px;border-top:1px solid var(--iq-line);color:var(--iq-muted);font-size:12px;line-height:1.5}
.iq-pro-foot>span:first-child{display:inline-flex;gap:8px;align-items:center}
.iq-pro-foot>span:first-child svg{flex-shrink:0}
.iq-pro-foot>span:nth-child(2){flex:1 1 200px}
.iq-pro-foot>.iq-btn{margin-left:auto}

/* One time geometry drives rows, bars, hit areas and relationship endpoints. */
.rm-scroll{position:relative;overflow:auto;max-height:620px;outline:none;scrollbar-width:thin;overscroll-behavior:contain}
.rm-scroll:focus-visible{box-shadow:inset 0 -3px var(--iq-focus)}
.rm-sheet{width:calc(var(--rm-width) + var(--rm-name));min-width:100%;position:relative}
.rm-head{display:flex;position:sticky;top:0;z-index:6;height:72px;background:var(--iq-raised);border-bottom:1px solid var(--iq-line)}
.rm-name-head{width:var(--rm-name);flex-shrink:0;position:sticky;left:0;z-index:7;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 20px;background:var(--iq-raised);border-right:1px solid var(--iq-line);font-size:13px;font-weight:500;color:var(--iq-ink)}
.rm-name-head small{font-size:12px;font-weight:400;color:var(--iq-muted)}
.rm-ruler{position:relative;width:var(--rm-width);font-size:12px;color:var(--iq-muted);overflow:hidden}
.rm-months{height:35px;border-bottom:1px solid var(--iq-line);position:relative}
.rm-months>span{position:absolute;top:0;bottom:0;padding:8px 12px;border-right:1px solid var(--iq-line);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-days{position:relative;height:36px}
.rm-days>span{position:absolute;top:8px;padding-left:8px;white-space:nowrap}
.rm-today-cap{position:absolute;bottom:5px;transform:translateX(-50%);background:var(--iq-accent-fill);color:var(--iq-on-accent);border-radius:5px;padding:3px 6px;font-size:10px;font-weight:600;white-space:nowrap}
.rm-body{position:relative}
.rm-row{display:flex;position:relative;border-bottom:1px solid var(--iq-line);background:var(--iq-canvas)}
.rm-row:last-child{border-bottom:0}
.rm-label{position:sticky;left:0;z-index:4;width:var(--rm-name);flex-shrink:0;display:flex;align-items:center;gap:12px;margin:0;padding:16px 20px;border:0;border-right:1px solid var(--iq-line);background:var(--iq-raised);color:var(--iq-ink);text-align:left;font-family:var(--iq-font);cursor:pointer}
.rm-label>span:last-child{min-width:0}
.rm-label b{display:block;font-size:14px;font-weight:500;line-height:20px;overflow-wrap:anywhere}
.rm-label small{display:block;margin-top:5px;font-size:11.5px;line-height:1.45;color:var(--iq-muted);overflow-wrap:anywhere}
.rm-label-icon{display:grid;place-items:center;width:24px;min-width:24px;height:28px;color:var(--iq-muted)}
.rm-label-icon svg{width:18px;height:18px}
.rm-label:hover{background:var(--iq-surface)}
.rm-row.selected .rm-label,.rm-label:focus-visible{background:var(--iq-focus-fill);box-shadow:inset 0 -2px var(--iq-accent)}
.rm-lane{position:relative;width:var(--rm-width);background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--rm-day) - 1px),var(--iq-surface) calc(var(--rm-day) - 1px),var(--iq-surface) var(--rm-day))}
.rm-bar{position:absolute;top:50%;translate:0 -50%;height:32px;z-index:2;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:0;border:0;border-radius:7px;border:1px solid var(--iq-info);background:var(--iq-info-bg);color:var(--iq-info);font:600 11px/1 var(--iq-font);cursor:grab;touch-action:pan-y}
.rm-bar:hover{box-shadow:inset 0 0 0 1px var(--iq-info)}
.rm-bar.is-done{border-color:var(--iq-calendar-complete-ink);background:var(--iq-calendar-complete-bg);color:var(--iq-calendar-complete-ink)}
.rm-bar.is-blocked{border-color:var(--iq-control);background:var(--iq-recessed);color:var(--iq-muted);cursor:default}
.rm-bar.is-moving{opacity:.38}
.rm-bar[aria-pressed=true],.rm-bar:focus-visible{box-shadow:inset 0 -3px var(--iq-accent)}
.rm-bar-label{position:relative;z-index:1;display:block;white-space:nowrap;pointer-events:none;padding:0 12px}
.rm-bar-progress{position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:.13;transform-origin:left;pointer-events:none}
.rm-handle{position:absolute;inset-block:0;width:12px;z-index:3;cursor:ew-resize;touch-action:none}
.rm-handle::after{content:'';position:absolute;top:10px;bottom:10px;width:2px;background:currentColor;opacity:.65}
.rm-handle.start{left:0}.rm-handle.end{right:0}.rm-handle.start::after{left:4px}.rm-handle.end::after{right:4px}
.rm-bar.is-milestone{background:transparent!important;box-shadow:none;overflow:visible}
.rm-diamond{display:block;width:16px;height:16px;border-radius:3px;background:var(--iq-planned-fill);transform:rotate(45deg);box-shadow:0 0 0 3px var(--iq-canvas)}
.rm-bar.is-milestone:focus-visible .rm-diamond{box-shadow:0 0 0 3px var(--iq-focus-fill),inset 0 -2px var(--iq-ink)}
.rm-ghost{pointer-events:none;opacity:.88;z-index:8;will-change:transform;box-shadow:var(--iq-shadow-2)}
.rm-links{position:absolute;left:var(--rm-name);top:0;z-index:1;pointer-events:none;overflow:hidden}
.rm-dependency{pointer-events:stroke;cursor:pointer;outline:none}
.rm-edge-line{stroke:var(--iq-graph-edge);stroke-width:1.5;fill:none}
.rm-edge-hit{stroke:transparent;stroke-width:14;fill:none}
.rm-dependency.has-error .rm-edge-line{stroke:var(--iq-danger);stroke-width:2;stroke-dasharray:5 3}
.rm-dependency.selected .rm-edge-line,.rm-dependency:focus-visible .rm-edge-line{stroke:var(--iq-accent);stroke-width:3}
.rm-today{position:absolute;top:0;bottom:0;width:1px;background:var(--iq-accent);opacity:.48;z-index:1;pointer-events:none}
.rm-outside{height:100%;display:grid;place-items:center;font-size:12px;color:var(--iq-muted)}
.rm-edit-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}
.rm-edit-fields iq-date-field{min-width:0}
.rm-edit-fields iq-date-field>label{font-size:13px}
.rm-link-editor{font-size:13px}
.rm-link-editor>summary,.graph-geometry-section>summary,.graph-connect-form>summary{display:flex;gap:8px;align-items:center;list-style:none;cursor:pointer;font-size:13px;font-weight:600}
.rm-link-editor>summary::-webkit-details-marker,.graph-geometry-section>summary::-webkit-details-marker,.graph-connect-form>summary::-webkit-details-marker{display:none}
.rm-link-editor[open]>summary>svg,.graph-geometry-section[open]>summary>svg,.graph-connect-form[open]>summary>svg{transform:rotate(180deg)}
.rm-link-fields{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin-top:16px}
.rm-link-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--iq-line)}
.rm-link-row:last-child{border-bottom:0}
.rm-link-row b{font-size:13px;font-weight:500;overflow-wrap:anywhere}
.rm-link-row small{display:block;font-size:12px;color:var(--iq-muted);margin-top:4px}
.rm-agenda{display:none;padding:16px}
.rm-agenda-row{width:100%;border:0;border-bottom:1px solid var(--iq-line);background:transparent;color:var(--iq-ink);text-align:left;display:flex;align-items:center;gap:12px;padding:16px 0;font-family:var(--iq-font)}
.rm-agenda-row b{font-size:14px;font-weight:500;line-height:1.5;display:block;overflow-wrap:anywhere}
.rm-agenda-row small{font-size:12px;line-height:1.5;color:var(--iq-muted);display:block;margin-top:4px}
.rm-agenda-row>span:nth-child(2){flex:1;min-width:0}
.rm-agenda-row[aria-pressed=true],.rm-agenda-row:focus-visible{color:var(--iq-focus-text);background:var(--iq-focus-fill);border-radius:8px;padding-inline:10px}

/* Spatial surface. One geometry function renders idle and moving connections. */
.graph-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--iq-line)}
.graph-presence-count{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--iq-muted)}
.graph-body{display:grid;grid-template-columns:minmax(0,1fr)}
.graph-body.has-inspector{grid-template-columns:minmax(0,1fr) 288px}
.graph-main{min-width:0}
.graph-canvas{height:600px;position:relative;overflow:hidden;background:var(--iq-surface);touch-action:none;outline:none}
.graph-canvas:focus-visible{box-shadow:inset 0 -3px var(--iq-focus)}
.graph-world{position:absolute;left:0;top:0;width:1px;height:1px;transform-origin:0 0}
.graph-node{position:absolute;display:grid;grid-template-rows:auto minmax(0,1fr);padding:16px;z-index:2;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:13px;box-shadow:var(--iq-shadow-1);user-select:none;outline:none}
.graph-node.is-selected,.graph-node:focus-visible{box-shadow:inset 0 -3px var(--iq-accent),var(--iq-shadow-2)}
.graph-node.is-error{border-color:var(--iq-danger)}
.graph-node.is-disabled{background:var(--iq-recessed)}
.graph-node.is-disabled .graph-node-head{color:var(--iq-muted)}
.graph-node.is-group{z-index:0;background:var(--iq-graph-group);border:1px dashed var(--iq-control);box-shadow:none}
.graph-node.is-group.is-selected{box-shadow:inset 0 -3px var(--iq-accent)}
.graph-node-head{font-size:11px;line-height:1.4;color:var(--iq-muted);display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;cursor:grab;touch-action:none}
.graph-node-head>span{display:flex;align-items:center;gap:8px}
.graph-node-content{min-height:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;user-select:text}
.graph-node-content h4{font-size:15px;line-height:1.45;letter-spacing:-.015em}
.graph-node-content p{font-size:13px;color:var(--iq-muted);line-height:1.55;margin-top:8px;overflow-wrap:anywhere}
.graph-image-frame{height:calc(100% - 30px);min-height:36px;margin-top:10px}
.graph-image-frame img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:6px}
.graph-image-frame img[hidden],.graph-media-empty[hidden]{display:none}
.graph-media-empty{display:flex;align-items:center;gap:10px;background:var(--iq-surface);padding:12px;border-radius:7px;margin-top:10px;color:var(--iq-muted);font-size:12px}
.graph-checklist{display:grid;gap:8px;margin-top:12px}
.graph-checklist label{display:flex;gap:8px;align-items:flex-start;cursor:pointer;font-size:12.5px;line-height:1.45}
.graph-checklist input{appearance:auto;accent-color:var(--iq-accent);width:15px;height:15px;margin:2px 0 0;flex-shrink:0}
.graph-checklist input:checked+span{text-decoration:line-through;color:var(--iq-muted)}
.graph-port{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:28px;border:0;background:transparent!important;border-radius:0;color:var(--iq-muted);padding:0;z-index:5;opacity:.65;cursor:crosshair}
.graph-port::after{content:'';width:8px;height:8px;border:2px solid var(--iq-raised);border-radius:50%;background:var(--iq-graph-edge)}
.graph-port.in{left:-12px}.graph-port.out{right:-12px}
.graph-port:hover,.graph-port:focus-visible{opacity:1;box-shadow:none!important}
.graph-port:hover::after,.graph-port:focus-visible::after{width:12px;height:12px;background:var(--iq-accent)}
.graph-port:disabled{opacity:.22;cursor:default}
.graph-resize{position:absolute;right:0;bottom:0;width:20px;height:20px;cursor:nwse-resize;touch-action:none}
.graph-resize::after{content:'';position:absolute;right:5px;bottom:5px;width:7px;height:7px;border-right:2px solid var(--iq-accent);border-bottom:2px solid var(--iq-accent);border-radius:0 0 2px 0}
.graph-node.dragging{z-index:5;box-shadow:var(--iq-shadow-2);will-change:transform}
.graph-edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:1}
.graph-edge{pointer-events:stroke;cursor:pointer;outline:0}
.graph-edge-line{fill:none;stroke:var(--iq-graph-edge);stroke-width:1.7}
.graph-edge-hit{stroke:transparent;stroke-width:16;fill:none}
.graph-edge text{font:12px/1 var(--iq-font);fill:var(--iq-muted);stroke:var(--iq-surface);stroke-width:6px;paint-order:stroke;stroke-linejoin:round}
.graph-edge.has-error .graph-edge-line{stroke:var(--iq-danger);stroke-dasharray:5 3}
.graph-edge.is-disabled .graph-edge-line{stroke-dasharray:3 4}
.graph-edge.selected .graph-edge-line,.graph-edge:focus-visible .graph-edge-line{stroke:var(--iq-accent);stroke-width:3}
.graph-viewport-controls{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--iq-line);border-radius:10px;background:var(--iq-raised);box-shadow:var(--iq-shadow-1);z-index:6}
.graph-viewport-controls .iq-btn{width:30px;min-width:30px;height:30px;min-height:30px}
.graph-viewport-controls [data-zoom-value]{font-size:11px;min-width:36px;text-align:center;font-variant-numeric:tabular-nums}
.graph-minimap{position:absolute;right:14px;bottom:14px;width:118px;height:72px;padding:4px;border:1px solid var(--iq-line);border-radius:10px;background:var(--iq-raised);z-index:5;cursor:crosshair}
.graph-minimap svg{display:block;width:100%;height:100%}
.graph-minimap rect{fill:var(--iq-recessed);stroke:var(--iq-control);stroke-width:1}
.graph-minimap rect.selected{fill:var(--iq-focus-fill)}
.graph-minimap .graph-minimap-view{fill:var(--iq-accent-soft);fill-opacity:.25;stroke:var(--iq-accent);stroke-width:3}
.graph-archive-cluster{position:absolute;left:14px;bottom:64px;display:flex;align-items:center;gap:8px;background:var(--iq-raised);color:var(--iq-muted);border:1px solid var(--iq-line);border-radius:8px;padding:7px 10px;font:12px var(--iq-font);z-index:5}
.graph-link-notice{position:absolute;left:14px;right:14px;top:14px;z-index:8;background:var(--iq-raised);box-shadow:var(--iq-shadow-2);border:1px solid var(--iq-line);border-radius:9px;padding:10px 14px;font-size:13px;display:flex;align-items:center;gap:10px;justify-content:space-between}
.graph-inspector.iq-pro-inspector{padding:20px;border-top:0;border-left:1px solid var(--iq-line);max-height:600px;overflow:auto;overscroll-behavior:contain;gap:18px}
.graph-inspector .iq-btn:not(.icon-only){width:100%;white-space:normal;min-height:36px;height:auto;padding-block:9px;text-align:center}
.graph-geometry{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.graph-geometry-section{min-width:0}
.graph-connect-form{padding-top:16px;border-top:1px solid var(--iq-line);display:block}
.graph-connect-form>iq-select,.graph-connect-form>.iq-btn{margin-top:14px}
.graph-connect-form iq-select>label{font-size:13px}
.graph-inspector-end{padding-top:16px;border-top:1px solid var(--iq-line)}
.graph-list{display:none;padding:18px 24px}
.graph-list-item{padding:12px 0;border-bottom:1px solid var(--iq-line)}
.graph-list-item:last-child{border-bottom:0}
.graph-list-item>button:first-child{width:100%;border:0;background:transparent;color:var(--iq-ink);display:flex;align-items:center;gap:12px;padding:10px 8px;text-align:left;font:14px/1.5 var(--iq-font);border-radius:8px}
.graph-list-item>button:first-child>span{flex:1;min-width:0}
.graph-list-item small{display:block;color:var(--iq-muted);font-size:12px}
.graph-list-item b{display:block;font-weight:500;overflow-wrap:anywhere}
.graph-list-item>button[aria-pressed=true],.graph-list-item>button:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.graph-text-edge{width:100%;border:0;background:transparent;color:var(--iq-muted);font:12px/1.6 var(--iq-font);display:flex;align-items:flex-start;gap:8px;text-align:left;padding:5px 10px 5px 38px}
.graph-text-edge svg{flex-shrink:0;margin-top:3px}
.graph-archive-list{padding:18px 24px;background:var(--iq-surface);border-top:1px solid var(--iq-line)}
.graph-archive-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;font-size:13px}
.iq-graph.force-list .graph-canvas{display:none}
.iq-graph.force-list .graph-list{display:block}
.iq-graph.is-expanded{position:fixed;inset:16px;z-index:180;width:auto;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 0 0 100vmax #0008}
.iq-graph.is-expanded .graph-canvas{height:max(400px,calc(100dvh - 230px))}
.iq-graph.is-expanded .graph-inspector{max-height:max(400px,calc(100dvh - 230px))}
.graph-cursor{position:absolute;z-index:10;display:flex;align-items:flex-start;gap:4px;pointer-events:none;color:var(--iq-planned);white-space:nowrap}
.graph-cursor b{font-size:11px;background:var(--iq-planned-fill);color:var(--iq-on-planned);padding:4px 8px;border-radius:5px}
.graph-edit-presence{position:absolute;right:8px;top:-28px;display:flex;align-items:center;gap:5px;max-width:240px;background:var(--iq-planned-fill);color:var(--iq-on-planned);font-size:10px;line-height:1.3;padding:4px 7px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.graph-node-state{position:absolute;right:8px;bottom:-26px;font-size:10px;color:var(--iq-danger);background:var(--iq-raised);border-radius:5px;padding:3px 6px}

/* Remote search keeps the popup actions mounted while results are updated. */
.iq-remote-control{position:relative;font-size:14px;line-height:1.5;text-align:left}
.iq-remote-control>label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--iq-ink)}
.iq-remote-input{display:grid;grid-template-columns:20px minmax(0,1fr) 28px;gap:9px;align-items:center;min-height:44px;padding:0 10px 0 12px;border:1px solid var(--iq-control);border-radius:9px;background:var(--iq-field-bg)}
.iq-remote-input:focus-within{border-color:var(--iq-focus);box-shadow:inset 0 0 0 1px var(--iq-focus)}
.iq-remote-input>svg{color:var(--iq-muted)}
.iq-remote-input input{display:block;min-width:0;width:100%;height:42px;border:0;padding:0;background:transparent;color:var(--iq-ink);font:14px/1.5 var(--iq-font);outline:none;box-shadow:none!important;border-radius:0}
.iq-remote-input input::placeholder{color:var(--iq-muted)}
.iq-remote-input input:disabled{color:var(--iq-muted);cursor:not-allowed}
.iq-remote-clear{display:grid;place-items:center;border:0;background:transparent;color:var(--iq-muted);padding:0;width:28px;height:28px;border-radius:5px;cursor:pointer}
.iq-remote-clear[hidden]{visibility:hidden;display:grid}
.iq-remote-clear:hover,.iq-remote-clear:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);outline:0}
.iq-remote-popup{box-sizing:border-box;position:fixed;display:flex;flex-direction:column;z-index:9999;margin:0;padding:6px;border:1px solid var(--iq-line);border-radius:12px;background:var(--iq-raised);color:var(--iq-ink);box-shadow:var(--iq-shadow-3);overflow:hidden;font:14px/1.5 var(--iq-font)}
.iq-remote-popup[hidden]{display:none}
.iq-remote-results{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;position:relative}
.iq-remote-option{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:12px;align-items:center;padding:10px 12px;min-height:48px;border-radius:7px;cursor:pointer;color:var(--iq-ink);background:transparent}
.iq-remote-option b{font-size:14px;font-weight:500;line-height:1.45;display:block;overflow-wrap:anywhere}
.iq-remote-option small{font-size:12px;line-height:1.5;display:block;color:var(--iq-muted);margin-top:3px;overflow-wrap:anywhere}
.iq-remote-option:hover,.iq-remote-option.active{background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.iq-remote-option.active small,.iq-remote-option:hover small{color:var(--iq-focus-text)}
.iq-remote-option[aria-disabled=true]{color:var(--iq-muted);opacity:.65;cursor:not-allowed}
.iq-remote-option[aria-disabled=true]:hover{background:var(--iq-surface)}
.iq-remote-check{display:grid;place-items:center;width:20px}
.iq-remote-foot{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:54px;flex-shrink:0;padding:8px 8px 4px;border-top:1px solid var(--iq-line);font-size:12px;line-height:1.5;color:var(--iq-muted)}
.iq-remote-status{min-width:0;overflow-wrap:anywhere;flex:1}
.iq-remote-foot .iq-btn{height:auto;min-height:34px;font-size:12px;gap:6px;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;padding:7px 10px}
.iq-remote-foot button:focus-visible{outline:0;background:var(--iq-focus-fill);color:var(--iq-focus-text);box-shadow:inset 0 -2px var(--iq-accent)}
.iq-remote-foot button[aria-disabled=true]{opacity:.6;cursor:progress}
.iq-remote-foot [hidden]{display:none}
.iq-tag-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:48px;padding:7px 8px 7px 10px;border:1px solid var(--iq-control);border-radius:10px;background:var(--iq-field-bg)}
iq-tag-input>.iq-pro-field{margin-bottom:8px;font-size:14px}
.iq-tag-field:focus-within{border-color:var(--iq-focus);box-shadow:inset 0 0 0 1px var(--iq-focus)}
.iq-tag-field.invalid{border-color:var(--iq-danger)}
.iq-tag-field.disabled{background:var(--iq-surface)}
.iq-tag-values{display:contents}
.iq-tag-token{display:inline-flex;align-items:center;gap:7px;max-width:100%;border-radius:6px;background:var(--iq-recessed);color:var(--iq-ink);padding:5px 6px 5px 10px;font-size:13px;line-height:1.45}
.iq-tag-token>span{min-width:0;overflow-wrap:anywhere}
.iq-tag-token>button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:4px;background:transparent;color:var(--iq-muted);padding:0;flex-shrink:0;cursor:pointer}
.iq-tag-token>button:hover,.iq-tag-token>button:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);outline:0}
.iq-tag-token>button:disabled{cursor:default}
.iq-tag-field>input{flex:1 1 120px;min-width:80px;height:32px;padding:4px 2px;border:0;box-shadow:none!important;outline:0;background:transparent;color:var(--iq-ink);font:14px var(--iq-font)}
.iq-tag-field>input::placeholder{color:var(--iq-muted)}
.iq-tag-field>.iq-btn{padding:0;width:32px;min-width:32px;height:32px;border:0;display:grid;place-items:center;margin-left:auto}
.iq-tag-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;min-height:22px}
.iq-tag-help{font-size:12px;line-height:1.5;color:var(--iq-muted)}
.iq-tag-help.iq-pro-error{color:var(--iq-danger)}
.iq-tag-bottom>.iq-btn{font-size:12px;min-height:30px;height:30px;padding:0 8px}

/* Charts: labels do not inherit scaled typography from presentation examples. */
.iq-chart-legend{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:16px 24px 8px}
.iq-chart-legend>button{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:var(--iq-ink);font:13px/1.5 var(--iq-font);cursor:pointer}
.iq-chart-legend>button[aria-pressed=false]{color:var(--iq-muted)}
.iq-chart-legend>button[aria-pressed=false]>.iq-series-swatch{background:transparent;border:1px solid currentColor}
.iq-chart-legend>button:hover,.iq-chart-legend>button:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.iq-series-swatch{display:block;width:10px;height:10px;border-radius:3px;background:var(--series-color);flex-shrink:0}
.series-0{--series-color:var(--iq-chart-series-1)}
.series-1{--series-color:var(--iq-chart-series-2)}
.series-2{--series-color:var(--iq-chart-series-3)}
.series-3{--series-color:var(--iq-chart-series-4)}
.series-4{--series-color:var(--iq-chart-series-5)}
.series-5{--series-color:var(--iq-chart-series-6)}
.iq-chart-plot{position:relative;padding:6px 24px 4px;min-width:0}
.iq-chart-plot>svg{display:block;width:100%;height:auto;max-height:none;overflow:visible}
.iq-data-grid line{stroke:var(--iq-line);stroke-width:1}
.iq-data-grid text,.iq-data-axis{fill:var(--iq-muted);font:12px var(--iq-font)}
.iq-chart-series{fill:none;stroke:var(--series-color);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.iq-chart-point{stroke:var(--series-color);stroke-width:2;fill:var(--iq-raised);vector-effect:non-scaling-stroke}
.iq-chart-mark{fill:var(--series-color)}
.iq-chart-value{cursor:pointer;outline:none}
.iq-chart-value.is-current .iq-chart-point,.iq-chart-value:focus-visible .iq-chart-point{r:6;fill:var(--series-color);stroke-width:3}
.iq-chart-value.is-current .iq-chart-mark,.iq-chart-value:focus-visible .iq-chart-mark{stroke:var(--iq-ink);stroke-width:2}
.iq-chart-value .iq-chart-hit{stroke:none;fill:transparent;pointer-events:all}
.iq-chart-tooltip{position:absolute;z-index:4;pointer-events:none;max-width:min(250px,calc(100% - 16px));padding:11px 14px;border-radius:9px;background:var(--iq-primary);color:var(--iq-on-primary);box-shadow:var(--iq-shadow-2);font:12px/1.5 var(--iq-font);overflow-wrap:anywhere}
.iq-chart-tooltip[hidden]{display:none}
.iq-chart-tooltip b{display:block;font-weight:600;margin-bottom:4px}
.iq-chart-tooltip span{display:flex;gap:14px;align-items:baseline;justify-content:space-between}
.iq-chart-tooltip strong{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.iq-chart-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 24px;border-top:1px solid var(--iq-line)}
.iq-chart-bottom .iq-pro-subtitle{margin:0;flex:1 1 200px;font-size:12px}
.iq-chart-table{overflow:auto;max-height:420px;border-top:1px solid var(--iq-line)}
.iq-chart-table[hidden]{display:none}
.iq-chart-table table{width:100%;border-collapse:collapse;font-size:13px}
.iq-chart-table caption{text-align:left;padding:16px 24px;font-size:13px;font-weight:500;color:var(--iq-muted)}
.iq-chart-table th,.iq-chart-table td{padding:12px 24px;border-bottom:1px solid var(--iq-line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.iq-chart-table th:first-child{text-align:left}
.iq-chart-table thead th{position:sticky;top:0;background:var(--iq-raised);font-weight:500;color:var(--iq-muted)}
.iq-chart-table tbody th{font-weight:500}

/* Catalog presentation only, not a product dependency. */
.extension-demo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 0 18px;flex-wrap:wrap}
.extension-demo-head>div{display:flex;align-items:center;gap:10px;color:var(--iq-muted);font-size:12px}
.extension-demo-head>iq-select{width:214px;max-width:100%}
.extension-demo-head>iq-select>label{font-size:12px}
.extension-demo-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;font-size:12px;line-height:1.5;color:var(--iq-muted);flex-wrap:wrap}
.extension-demo-fields{width:min(100%,640px);margin:8px auto;padding:28px;background:var(--iq-surface);border-radius:14px;min-height:0}
.extension-demo-fields h3{font-size:21px;font-weight:600;line-height:1.4;margin:0 0 10px;letter-spacing:-.02em}
.extension-demo-fields>p{font-size:14px;line-height:1.65;color:var(--iq-muted);margin:0 0 24px}
.extension-demo-fields iq-remote-combobox{margin-bottom:0}
.extension-demo-fields .extension-demo-foot{margin:20px 0 0}
.extension-data-details{margin-top:14px;font-size:12px;color:var(--iq-muted)}
.extension-data-details>summary{cursor:pointer;padding:10px 0}
.extension-data-details pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;margin:12px 0;padding:16px;border-radius:9px;background:var(--iq-surface);font:11px/1.6 var(--iq-mono)}
.extension-state-table{width:100%;border-collapse:collapse;font-size:14px}
.extension-state-table th,.extension-state-table td{padding:14px;border-bottom:1px solid var(--iq-line);text-align:left;vertical-align:top}
.extension-state-table th{font-weight:500}
.extension-example-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.extension-example-links>a{border:1px solid var(--iq-line);border-radius:12px;padding:24px;text-decoration:none;color:var(--iq-ink)}
.extension-example-links>a>span{font-size:12px;color:var(--iq-muted)}
.extension-example-links h3{font-size:20px;margin:10px 0 16px}
@container iqpro (max-width:900px){
 .iq-pro-toolbar{gap:16px}
 .iq-pro-toolbar>.iq-pro-heading{flex-basis:100%}
 .iq-pro-toolbar>.iq-pro-actions{width:100%;justify-content:space-between}
 .graph-body.has-inspector{grid-template-columns:minmax(0,1fr) 270px}
 .graph-inspector.iq-pro-inspector{padding:16px}
 .graph-viewport-controls [data-pro-action^=pan-]{display:none}
}
@container iqpro (max-width:680px){
 .rm-scroll{display:none}.rm-agenda{display:block}
 .iq-pro-toolbar{padding:18px}
 .iq-pro-toolbar h3{font-size:20px}
 .iq-pro-toolbar>.iq-pro-actions{justify-content:flex-start;gap:12px}
 .iq-pro .iq-btn.sm{font-size:12px}
 .iq-pro-inspector{padding:18px}
 .rm-edit-fields{grid-template-columns:1fr 1fr;gap:12px}
 .rm-edit-fields>.iq-btn{grid-column:1/-1}
 .rm-link-fields{grid-template-columns:1fr}
 .iq-pro-dock{padding:16px 18px}
 .iq-pro-dock>.iq-pro-actions{width:100%;justify-content:flex-end}
 .iq-pro-foot{padding:12px 18px}
 .graph-body.has-inspector{grid-template-columns:minmax(0,1fr)}
 .graph-canvas{display:none}.graph-list{display:block;padding:16px}
 .graph-view-switch{display:none}
 .graph-inspector.iq-pro-inspector{border-left:0;border-top:1px solid var(--iq-line);max-height:none}
 .graph-tools{padding:12px 14px;gap:6px}
 .graph-presence-count{flex-basis:100%;margin:4px 0 0}
 .graph-presence-count:empty{display:none}
 .iq-chart-plot{padding:6px 12px}
 .iq-chart-legend{padding:14px 16px 4px}
 .iq-chart-bottom{padding:12px 16px}
 .iq-chart-table th,.iq-chart-table td{padding:10px 16px}
 .extension-demo-head{align-items:center}
 .extension-demo-head>div{flex-wrap:wrap}
 .extension-demo-fields{padding:20px}
 .extension-demo-fields h3{font-size:20px}
 .extension-example-links{grid-template-columns:1fr}
}
@container iqpro (max-width:390px){
 .iq-pro h3{font-size:18px}
 .iq-pro-toolbar>.iq-pro-actions{gap:10px}
 .iq-pro-segment{width:100%}
 .iq-pro-segment>.iq-btn{flex:1;min-width:0}
 .rm-edit-fields{grid-template-columns:1fr}
 .iq-pro-dock>.iq-pro-actions>.iq-btn{flex:1;padding-inline:8px}
 .extension-demo-head>iq-select{width:100%}
 .extension-demo-fields{padding:18px}
 .iq-tag-token{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 .iq-pro *,.iq-remote-control *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media(forced-colors:active){
 .iq-pro button:focus-visible,.iq-remote-option.active{outline:2px solid Highlight!important;outline-offset:-2px}
 .rm-bar,.graph-node,.iq-tag-token{border:1px solid CanvasText}
 .iq-chart-series,.iq-chart-point,.rm-edge-line,.graph-edge-line{stroke:CanvasText}
 .iq-chart-mark{fill:CanvasText}
 .graph-node.is-selected{outline:2px solid Highlight}
}

.graph-empty{position:absolute;inset:0 0 60px;pointer-events:none}

.extension-demo-commit-actions{display:flex;align-items:center;gap:10px;padding:16px 0;font-size:12px;color:var(--iq-muted);flex-wrap:wrap}.extension-demo-commit-actions[hidden]{display:none}

/* Selected text and annotations must use the same foreground as their focused surface. */
.rm-label[aria-pressed=true],.rm-label:focus-visible{color:var(--iq-focus-text);background:var(--iq-focus-fill)}
.rm-label[aria-pressed=true] b,.rm-label[aria-pressed=true] small,.rm-label[aria-pressed=true] .rm-label-icon,
.rm-label:focus-visible b,.rm-label:focus-visible small,.rm-label:focus-visible .rm-label-icon,
.rm-agenda-row[aria-pressed=true] b,.rm-agenda-row[aria-pressed=true] small,.rm-agenda-row[aria-pressed=true] .rm-label-icon,
.rm-agenda-row:focus-visible b,.rm-agenda-row:focus-visible small,.rm-agenda-row:focus-visible .rm-label-icon,
.graph-list-item>button[aria-pressed=true] small,.graph-list-item>button:focus-visible small{color:var(--iq-focus-text)}
.extension-example-links>a{min-width:0;overflow-wrap:anywhere}
.extension-scenarios{container-type:inline-size}
@container (max-width:720px){.extension-example-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:440px){.extension-example-links{grid-template-columns:minmax(0,1fr)}.extension-example-links>a{padding:20px}}
@media(max-width:680px){.iq-pro-inspector{scroll-margin-top:132px}}



/* 05.2 state contracts. Paired backgrounds and foregrounds deliberately win over
   the historical theme-specific rules. No consumer-side DOM/CSS patch required. */
:root .iq-btn.primary:not(:disabled):not([aria-disabled=true]),
:root .iq-btn.primary:is([aria-selected=true],[aria-pressed=true],.active):not(:disabled){background:var(--iq-primary);color:var(--iq-on-primary);border-color:transparent}
:root .iq-btn.primary:not(:disabled):not([aria-disabled=true]):is(:hover,:active){background:var(--iq-primary);color:var(--iq-on-primary)}
:root .iq-btn.secondary:not(:disabled){color:var(--iq-ink)}
:root .iq-btn.primary:not(:disabled):focus-visible,
:root .iq-btn.secondary:not(:disabled):focus-visible,
:root .iq-btn.ghost:not(:disabled):focus-visible,
:root .iq-btn.accent:not(:disabled):focus-visible,
:root .iq-btn:not(:disabled)[aria-pressed=true]:focus-visible{
 background:var(--iq-focus-fill);color:var(--iq-focus-text);border-color:transparent;
 box-shadow:inset 0 -3px var(--iq-focus);outline:0;text-decoration:none;
}
:root .iq-btn:is(.primary,.secondary,.accent,.ghost):not(:disabled):focus-visible>*{color:inherit}
:root .iq-btn.primary:disabled{background:var(--iq-primary);color:var(--iq-on-primary)}
:root .iq-btn.secondary:disabled{background:var(--iq-surface);color:var(--iq-muted)}
:root .iq-pro-segment>.iq-btn[aria-pressed=true]:not(:disabled){background:var(--iq-raised);color:var(--iq-ink);box-shadow:var(--iq-shadow-1)}
:root .iq-pro-segment>.iq-btn:not(:disabled):focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);box-shadow:inset 0 -2px var(--iq-focus)}
.iq-pro-state.is-error .iq-pro-state-icon{background:var(--iq-danger-fill);color:var(--iq-on-danger)}
.iq-pro-state-icon{flex:0 0 48px;aspect-ratio:1;align-self:center}
.iq-remote-popup:not(.has-results) .iq-remote-foot{border-top:0;padding-top:8px}
:root .iq-tag-token{background:var(--iq-tag-fill);color:var(--iq-tag-text);border:1px solid var(--iq-line);min-height:32px}
:root .iq-tag-token>span,:root .iq-tag-token>button{color:var(--iq-tag-text)}
:root .iq-tag-token>button:not(:disabled):focus-visible{color:var(--iq-focus-text);background:var(--iq-focus-fill)}
:root .plan-day.outside>.plan-day-head>time{opacity:1;color:var(--iq-calendar-adjacent-text)}
:root .plan-day.outside{opacity:1}
/* All chart instances now share one data renderer. Header and plot retain the
   editorial spacing, rounded columns and discreet axes of the established sample. */
.iq-data-chart{border:0;background:var(--iq-surface);border-radius:16px}
.iq-data-chart .iq-pro-toolbar{border-bottom:0;padding:24px 26px 10px}
.iq-data-chart .iq-pro-eyebrow{display:none}
.iq-data-chart .iq-chart-legend{padding:8px 22px}
.iq-data-chart .iq-chart-plot{padding:12px 20px 0}
.iq-data-chart .iq-chart-bottom{padding:16px 26px;min-height:64px;margin:0;gap:16px}
.iq-data-chart .iq-chart-bottom .iq-pro-subtitle{margin:0}
.iq-data-chart .iq-chart-mark{rx:7px}
.iq-data-chart .iq-data-grid line{opacity:.6}
.iq-data-chart .iq-data-axis{font-size:13px;font-weight:400}
.iq-data-chart .iq-chart-series{stroke-width:2.5}
/* Spatial workbench: content, tools, canvas and inspector are separate regions. */
.graph-studio{background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:16px}
.graph-studio-header{padding:22px 24px;background:var(--iq-raised);gap:16px}
.graph-studio-header h3{font-size:21px;line-height:1.35}
.graph-workbench{display:grid;grid-template-columns:54px minmax(0,1fr);min-height:650px;position:relative}
.graph-workbench.library-open{grid-template-columns:54px 224px minmax(0,1fr)}
.graph-toolrail{display:flex;flex-direction:column;align-items:center;padding:12px 6px;gap:6px;border-right:1px solid var(--iq-line);background:var(--iq-raised);z-index:9}
.graph-toolrail .iq-btn[aria-pressed=true]{background:var(--iq-ink);color:var(--iq-canvas)}
.graph-rail-divider{height:1px;background:var(--iq-line);width:22px;margin:6px 0}
.graph-library{padding:18px 14px;background:var(--iq-raised);border-right:1px solid var(--iq-line);z-index:8}
.graph-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.graph-library>.iq-pro-subtitle{font-size:12px;line-height:1.6;margin-bottom:18px}
.graph-library-item{display:flex;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px 8px;border:0;border-radius:9px;text-align:left;background:transparent;color:var(--iq-ink);cursor:pointer}
.graph-library-item:hover{background:var(--iq-surface)}
.graph-library-item:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.graph-library-item>span:nth-child(2){flex:1;min-width:0}.graph-library-item b{display:block;font-size:13px;font-weight:600}.graph-library-item small{display:block;font-size:11.5px;line-height:1.4;margin-top:3px;color:var(--iq-muted)}
.graph-type-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:var(--iq-surface);color:var(--iq-muted)}
.graph-type-icon.type-task{background:var(--iq-accent-soft);color:var(--iq-accent)}
.graph-type-icon.type-checklist{background:var(--iq-calendar-complete-bg);color:var(--iq-calendar-complete-ink)}
.graph-type-icon.type-note,.graph-type-icon.type-media{background:var(--iq-surface);color:var(--iq-ink)}
.graph-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}
.graph-body.has-inspector{grid-template-columns:minmax(0,1fr) 300px}
.graph-main{min-width:0}
.graph-canvas{height:650px;min-height:650px;background-color:var(--iq-surface);background-image:radial-gradient(var(--iq-line) .75px,transparent .75px);background-size:24px 24px;position:relative;overflow:hidden;isolation:isolate}
.graph-canvas.is-panning{cursor:grab}
.graph-world{position:absolute;inset:0 auto auto 0;transform-origin:0 0;will-change:auto}
.graph-canvas-caption{position:absolute;top:14px;left:18px;display:flex;gap:18px;font-size:11px;color:var(--iq-muted);background:var(--iq-surface);padding:4px 8px;border-radius:6px;pointer-events:none}
.graph-node{padding:0;border-radius:12px;background:var(--iq-graph-node);border:1px solid var(--iq-graph-node-border);box-shadow:0 3px 6px #00000005,0 8px 20px #00000004;display:flex;flex-direction:column;overflow:visible;transition:box-shadow 160ms ease,border-color 160ms ease}
.graph-node:hover{border-color:var(--iq-control);box-shadow:var(--iq-shadow-1)}
.graph-node.is-selected,.graph-node:focus-visible{border-color:var(--iq-accent);box-shadow:inset 0 -2px var(--iq-accent),var(--iq-shadow-1);outline:0}
.graph-node.is-error{border-color:var(--iq-danger)}
.graph-node.is-group{background:transparent;border:1px dashed var(--iq-control);box-shadow:none;padding-top:4px}
.graph-node.is-group .graph-node-head{padding:6px 14px 0;height:28px;min-height:28px}.graph-node.is-group .graph-node-content{padding:5px 16px;overflow:hidden;flex:none}.graph-node.is-group .graph-node-content h4{font-size:13px;color:var(--iq-muted)}
.graph-node.is-group .graph-type-icon{display:none}
.graph-node.is-group .graph-node-head>span{font-size:10px;letter-spacing:.03em}
.graph-node-head{display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:12px;padding:12px 14px 6px;margin:0;flex-shrink:0;color:var(--iq-muted);font-size:11px;line-height:1.35;touch-action:none;cursor:grab;user-select:none}
.graph-node-head>span{display:flex;align-items:center;gap:8px}
.graph-node-head .graph-type-icon{width:24px;height:24px;flex-basis:24px;border-radius:7px}
.graph-node-more{border:0;background:none;color:var(--iq-muted);width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:6px;cursor:pointer}
.graph-node-more:hover{background:var(--iq-surface)}
.graph-node-more:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.graph-node-content{padding:8px 16px 16px;flex:1;min-height:0;overflow:auto}
.graph-node-content h4{font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.015em}
.graph-node-content p{font-size:13px;line-height:1.55;margin:9px 0 0;color:var(--iq-muted)}
.graph-checklist{gap:9px;margin-top:12px}
.graph-checklist label{font-size:12px;line-height:1.4;align-items:flex-start;gap:8px}
.graph-checklist input{width:14px;height:14px;margin:1px 0 0}
.graph-image-frame{margin-top:12px;height:calc(100% - 32px);min-height:70px;background:var(--iq-surface);border-radius:7px;overflow:hidden}
.graph-image-frame img{height:100%;object-fit:contain;max-height:130px}
.graph-node-state{position:static;display:flex;align-items:center;gap:6px;padding:0 16px 12px;color:var(--iq-danger);font-size:11px;font-weight:500;background:none}
.graph-node-state.is-done{color:var(--iq-success)}
.graph-port{width:24px;height:24px;opacity:1;transform:none;border-radius:8px}
.graph-port::after{width:7px;height:7px;border:2px solid var(--iq-raised);background:var(--iq-control);outline:1px solid var(--iq-control)}
.graph-port.in{left:-12px;top:calc(50% - 12px)}.graph-port.out{left:auto;right:-12px;top:calc(50% - 12px)}
.graph-port.side-bottom{top:auto!important;bottom:-12px;right:auto!important;left:calc(50% - 12px)!important}
.graph-port.side-top{top:-12px!important;bottom:auto;right:auto!important;left:calc(50% - 12px)!important}
.graph-port.side-left{top:calc(50% - 12px)!important;left:-12px!important;right:auto!important}
.graph-port.side-right{top:calc(50% - 12px)!important;right:-12px!important;left:auto!important}
.graph-port.out:hover::after{background:var(--iq-accent)}
.graph-edge-line{stroke:var(--iq-graph-edge);stroke-width:1.4;vector-effect:non-scaling-stroke}
.graph-edge text{font:11.5px var(--iq-font);fill:var(--iq-muted);stroke:var(--iq-surface);stroke-width:8px;paint-order:stroke;stroke-linejoin:round}
.graph-edge.selected text{fill:var(--iq-accent)}
.graph-viewport-controls{left:50%;bottom:18px;transform:translateX(-50%);border-radius:12px;padding:5px;background:var(--iq-raised);box-shadow:var(--iq-shadow-1);gap:2px}
.graph-control-divider{width:1px;height:18px;background:var(--iq-line);margin:0 3px}
.graph-minimap{right:16px;bottom:18px;width:90px;height:56px;opacity:.85}
.graph-link-notice{top:16px;background:var(--iq-raised)}.graph-link-notice>span{display:flex;align-items:center;gap:8px}
.graph-inspector.iq-pro-inspector{background:var(--iq-raised);max-height:650px;padding:20px;gap:18px}
.graph-inspector-end{margin-top:4px}
.graph-studio-footer{background:var(--iq-raised);padding:12px 20px;min-height:48px;justify-content:space-between;font-size:11.5px}
.graph-keyboard-help{position:relative;flex:0 0 auto}.graph-keyboard-help>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}.graph-keyboard-help>div{position:absolute;bottom:30px;right:0;width:300px;max-width:80vw;padding:16px;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:10px;box-shadow:var(--iq-shadow-2);line-height:1.7;z-index:12}
.graph-studio.is-expanded{inset:12px;z-index:200;border-radius:16px}
.graph-studio.is-expanded .graph-canvas{height:calc(100dvh - 190px);min-height:500px}
.graph-studio.is-expanded .graph-inspector{max-height:calc(100dvh - 190px)}
@container iqpro (max-width:1000px){
 .graph-workbench.library-open{grid-template-columns:54px minmax(0,1fr)}
 .graph-library{position:absolute;top:0;bottom:0;left:54px;width:224px;box-shadow:var(--iq-shadow-2);overflow:auto}
 .graph-body.has-inspector{grid-template-columns:minmax(0,1fr) 260px}
 .graph-inspector.iq-pro-inspector{padding:16px}
 .graph-body.has-inspector .graph-minimap{display:none}
}
@container iqpro (max-width:680px){
 .graph-workbench,.graph-workbench.library-open{display:flex;flex-direction:column;min-height:0}
 .graph-toolrail{flex-direction:row;align-items:center;justify-content:flex-start;padding:10px 14px;border-right:0;border-bottom:1px solid var(--iq-line);gap:6px}
 .graph-toolrail [data-pro-action=pan],.graph-toolrail [data-pro-action=select-tool]{display:none}
 .graph-rail-divider{width:1px;height:20px;margin:0 6px}
 .graph-library{position:static;width:auto;box-shadow:none;border-right:0;border-bottom:1px solid var(--iq-line);padding:16px}
 .graph-library-item{min-height:58px}
 .graph-body.has-inspector{grid-template-columns:minmax(0,1fr)}
 .graph-canvas{display:none}.graph-list{display:block;padding:16px}
 .graph-inspector.iq-pro-inspector{max-height:none;border-left:0;border-top:1px solid var(--iq-line)}
 .graph-keyboard-help{display:none}
 .graph-studio-header{padding:18px;gap:14px}.graph-studio-header h3{font-size:20px}
 .graph-studio-footer{padding:12px 16px}
 .iq-data-chart .iq-pro-toolbar{padding:20px 18px 10px}
 .iq-data-chart .iq-chart-plot{padding:8px 8px 0}
 .iq-data-chart .iq-chart-bottom{padding:16px 18px}
}
@media(prefers-reduced-motion:reduce){.graph-studio *{transition:none!important;animation:none!important;scroll-behavior:auto}}
.rm-label-cell{position:sticky;left:0;z-index:4;width:var(--rm-name);flex-shrink:0;display:flex;align-items:center;padding-left:calc(12px + var(--rm-indent)*16px);background:var(--iq-raised);border-right:1px solid var(--iq-line)}
.rm-label-cell>.rm-label{position:static;width:auto;flex:1;min-width:0;padding:12px 12px 12px 4px;border:0;background:transparent}
.rm-collapse,.rm-collapse-space{display:grid;place-items:center;width:24px;min-width:24px;height:30px;padding:0;border:0;background:transparent;color:var(--iq-muted);border-radius:6px}
.rm-collapse:hover{background:var(--iq-surface)}.rm-collapse:focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.rm-row.selected .rm-label-cell{background:var(--iq-focus-fill)}
.rm-label-cell .rm-label small{font-size:11.5px;line-height:1.5}
.graph-document-preview{margin-top:12px;background:var(--iq-surface);padding:14px;border-radius:7px;font-size:12px;line-height:1.5;color:var(--iq-muted)}
.graph-document-preview b{font-size:11px;letter-spacing:.05em;display:block;margin-bottom:6px;color:var(--iq-ink)}
.graph-relations{border-top:1px solid var(--iq-line);padding-top:16px}
.graph-relations h5{font-size:12px;color:var(--iq-muted);font-weight:500;margin:0 0 8px}
.graph-relation-row{display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:7px;color:var(--iq-ink);background:var(--iq-surface);width:100%;border:0;text-align:left;font-size:12px;margin-top:6px}
.graph-relation-row span{flex:1;min-width:0;overflow-wrap:anywhere}.graph-relation-row small{display:block;color:var(--iq-muted);font-size:11px}
iq-image-crop{display:block;min-width:0;width:100%}
.iq-crop-layout{display:grid;grid-template-columns:minmax(180px,360px) minmax(180px,1fr);gap:32px;padding:28px;align-items:center}
.iq-crop-stage{position:relative;aspect-ratio:1;background:var(--iq-surface);border-radius:14px;overflow:hidden;touch-action:none;outline:0;isolation:isolate}
.iq-crop-stage.has-image{cursor:grab}.iq-crop-stage:focus-visible{box-shadow:inset 0 -3px var(--iq-focus)}
.iq-crop-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.iq-crop-mask{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 100px #0008;pointer-events:none;border:1px solid #fffc}
.iq-crop-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;font-size:13px;color:var(--iq-muted)}
.iq-crop-placeholder b{font-size:14px;font-weight:500;color:var(--iq-ink)}.iq-crop-placeholder[hidden],.iq-crop-mask[hidden]{display:none}
.iq-crop-controls{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-width:0}
.iq-crop-controls small{font-size:12px;color:var(--iq-muted);line-height:1.6}
.iq-crop-range{display:grid;gap:12px;font-size:13px;line-height:1.5}.iq-crop-range>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.iq-crop-range output{color:var(--iq-muted);font-size:12px;font-variant-numeric:tabular-nums}
.iq-crop-range input{width:100%;accent-color:var(--iq-accent);margin:0;cursor:pointer;min-height:24px}
.iq-crop-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-top:1px solid var(--iq-line);flex-wrap:wrap}
.iq-crop-footer p{font-size:12px;color:var(--iq-muted);max-width:340px}.iq-crop-footer .iq-pro-error{color:var(--iq-danger)}
.iq-crop-footer [hidden]{display:none}
@media(max-width:700px){.iq-crop-layout{grid-template-columns:1fr;gap:24px;padding:20px}.iq-crop-stage{max-width:320px;width:100%;margin:auto}.iq-crop-footer{padding:16px 20px}.iq-crop-footer .iq-pro-actions{width:100%;justify-content:flex-end}}


:root .iq-btn.white:not(:disabled):not([aria-disabled=true]){background:var(--iq-white);color:var(--iq-fixed-1d1d1f);border-color:transparent}
:root .iq-btn.white:not(:disabled):not([aria-disabled=true]):is(:hover,:active){background:var(--iq-white);color:var(--iq-fixed-1d1d1f)}
:root .iq-btn.danger:not(:disabled):not([aria-disabled=true]){background:var(--iq-danger-bg);color:var(--iq-danger);border-color:transparent}
/* 05.2 final state pairing: filled actions never inherit the low-contrast
   generic pressed foreground. Focus wins as an entire pair, including hover. */
:root .iq-btn.accent:not(:disabled):not([aria-disabled=true]){background:var(--iq-accent-fill);color:var(--iq-on-accent);border-color:transparent}
:root .iq-btn.accent:not(:disabled):not([aria-disabled=true]):is(:hover,:active){background:var(--iq-accent-hover-fill);color:var(--iq-on-accent)}
:root .iq-btn:is(.primary,.secondary,.ghost,.accent,.danger,.white):not(:disabled):not([aria-disabled=true]):focus-visible{background:var(--iq-focus-fill);color:var(--iq-focus-text);box-shadow:inset 0 -3px var(--iq-focus);outline:0;border-color:transparent;text-decoration:none}
:root .iq-btn:is(.primary,.secondary,.ghost,.accent,.danger,.white):not(:disabled):not([aria-disabled=true]):focus-visible>*{color:inherit}
.graph-canvas.is-linking .graph-port.in:not(:disabled)::after{background:var(--iq-accent);outline-color:var(--iq-accent);width:9px;height:9px}
.graph-canvas.is-linking .graph-port.in:disabled{opacity:.4}
.graph-library-item:focus-visible small{color:inherit}
.graph-node.is-selected .graph-port:not(:disabled)::after{outline-color:var(--iq-accent)}



/* The required remove icon uses a paired palette for every interactive state. */
:root .iq-tag-token>button:not(:disabled):is(:hover,:focus-visible,[aria-pressed=true]){background:var(--iq-focus-fill);color:var(--iq-focus-text);outline:0}

/* IQUIPAGE whiteboard 05.4 — component layout and content primitives. */
.wb-world{position:absolute;inset:0 auto auto 0;width:0;height:0;transform-origin:0 0;will-change:transform}.wb-objects{position:absolute;inset:0 auto auto 0;width:0;height:0}.wb-links{position:absolute;inset:0 auto auto 0;width:1px;height:1px;overflow:visible;pointer-events:none;z-index:2}
.wb-object{position:absolute;outline:0;user-select:none;border-radius:7px;color:var(--iq-wb-note-ink);background:var(--iq-raised);box-shadow:var(--iq-wb-object-shadow);padding:20px;display:flex;flex-direction:column;gap:12px;cursor:move;min-width:0;overflow:visible;z-index:3;font:400 18px/1.45 var(--iq-font);letter-spacing:-.015em}
.wb-object[data-type=sticky]{background:var(--iq-wb-sand)}.wb-object[data-color=lavender]{background:var(--iq-wb-lavender)}.wb-object[data-color=mint]{background:var(--iq-wb-mint)}.wb-object[data-color=sky]{background:var(--iq-wb-sky)}.wb-object[data-color=rose]{background:var(--iq-wb-rose)}.wb-object[data-color=neutral]{background:var(--iq-raised);color:var(--iq-ink)}
.wb-object-text{white-space:pre-wrap;overflow-wrap:anywhere;min-height:24px;flex:1;outline:none;line-height:inherit;letter-spacing:inherit}.wb-object-text:empty::before{content:attr(data-placeholder);opacity:.65;pointer-events:none}.wb-object-text[contenteditable=true]{user-select:text;cursor:text;caret-color:currentColor;min-height:1.5em}.wb-object-text[contenteditable=true]::selection{background:var(--iq-focus-fill);color:var(--iq-focus-text)}.wb-object.is-editing{cursor:text}.wb-note-meta{margin-top:auto;display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:500;line-height:16px;letter-spacing:0;opacity:.8}.wb-vote-count{font-variant-numeric:tabular-nums}.wb-object[data-type=text]{box-shadow:none!important;background:transparent;color:var(--iq-ink);font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.035em;padding:6px}.wb-object[data-type=shape]{color:var(--iq-ink);align-items:stretch;justify-content:center;border:1px solid var(--iq-wb-shape-line);border-radius:12px;text-align:center;box-shadow:none;font-size:16px}.wb-object[data-type=shape] .wb-object-text{flex:0}.wb-object[data-shape=ellipse]{border-radius:50%}.wb-object[data-shape=diamond]{background:transparent!important;border:0;box-shadow:none!important;padding:28px 36px}.wb-object[data-shape=diamond]::before{content:'';position:absolute;inset:0;background:var(--iq-raised);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:-1;filter:none}.wb-object[data-shape=diamond] .wb-object-text{position:relative;z-index:2}.wb-object[data-type=task]{color:var(--iq-ink);font-size:16px;font-weight:500;border-radius:10px;border:1px solid var(--iq-line);background:var(--iq-raised)}.wb-task-label{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:0;font-weight:500;color:var(--iq-muted)}
.wb-object[data-type=frame]{padding:0;background:var(--iq-wb-frame);border:1px solid var(--iq-wb-frame-line);box-shadow:none;z-index:0;border-radius:12px;color:var(--iq-ink);pointer-events:none}.wb-frame-head{pointer-events:auto;position:absolute;top:0;left:0;right:0;min-height:52px;display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--iq-wb-frame-line);font-size:16px;font-weight:600;line-height:1.4;cursor:move}.wb-frame-head .wb-object-text{min-height:22px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-frame-number{font:500 10px var(--iq-mono);color:var(--iq-muted);letter-spacing:.03em}.wb-object[data-type=frame] .wb-resize{pointer-events:auto}.wb-object[data-type=image]{padding:0 0 8px;border-radius:9px;overflow:hidden;color:var(--iq-ink);background:var(--iq-raised)}.wb-object[data-type=image] img{width:100%;height:calc(100% - 24px);object-fit:contain;flex-shrink:0;pointer-events:none;border-radius:7px 7px 0 0}.wb-image-caption{font-size:11px;line-height:1.4;padding:0 10px;flex:0;min-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wb-object[data-type=drawing]{padding:0;box-shadow:none;border-radius:0;background:transparent;color:var(--iq-ink)}.wb-drawing{width:100%;height:100%;overflow:visible;pointer-events:none}
.wb-object.is-selected{box-shadow:inset 0 0 0 2px var(--iq-focus),var(--iq-wb-object-shadow)}.wb-object[data-type=frame].is-selected{border-color:var(--iq-focus);box-shadow:inset 0 0 0 1px var(--iq-focus)}.wb-object[data-type=text].is-selected,.wb-object[data-type=drawing].is-selected{box-shadow:inset 0 0 0 1px var(--iq-focus)!important}.wb-object[data-shape=diamond].is-selected{box-shadow:inset 0 0 0 1px var(--iq-focus)!important}.wb-object:focus-visible{box-shadow:inset 0 -3px var(--iq-focus),var(--iq-wb-object-shadow)}.wb-object[data-locked=true]{cursor:default}.wb-resize{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;padding:0;border:2px solid var(--iq-focus);border-radius:3px;background:var(--iq-raised);cursor:nwse-resize;z-index:4}.wb-resize::before{content:'';position:absolute;inset:-9px}
.wb-edge-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}.wb-edge-line{fill:none;stroke:var(--iq-wb-edge);stroke-width:1.6;pointer-events:none}.wb-connection.is-selected .wb-edge-line,.wb-connection:focus .wb-edge-line{stroke:var(--iq-focus);stroke-width:2.5}.wb-connection{outline:none}.wb-connection text{font:500 12px var(--iq-font);fill:var(--iq-muted);paint-order:stroke;stroke:var(--iq-wb-canvas);stroke-width:6px;stroke-linejoin:round;pointer-events:all;cursor:pointer}.wb-marquee{position:absolute;border:1px solid var(--iq-focus);background:var(--iq-wb-lasso);pointer-events:none;z-index:8}


/* Chrome and interaction hierarchy. Nothing is hidden behind a hover-only icon. */
iq-whiteboard{display:block;min-width:0;color:var(--iq-ink);font:14px/1.5 var(--iq-font)}
iq-whiteboard *,iq-whiteboard *::before,iq-whiteboard *::after{box-sizing:border-box}
iq-whiteboard [hidden]{display:none!important}
.wb-shell{position:relative;isolation:isolate;display:flex;flex-direction:column;background:var(--iq-raised);border:1px solid var(--iq-line);border-radius:16px;overflow:hidden;text-align:left;min-width:0}
.wb-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--iq-line);min-height:82px;background:var(--iq-raised)}
.wb-heading{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.wb-heading>div{min-width:0}
.wb-board-mark{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:var(--iq-surface);color:var(--iq-ink)}
.wb-title{font:600 15px/1.5 var(--iq-font);color:var(--iq-ink);text-align:left;background:none;padding:0;border:0;max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;letter-spacing:-.015em}
.wb-title:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.wb-title:disabled{cursor:default}
.wb-save-state{font-size:11px;line-height:1.5;color:var(--iq-muted);margin-top:2px;overflow-wrap:anywhere}
.wb-header-actions{display:flex;align-items:center;gap:6px;flex:none}.wb-header-actions .wb-primary{margin-right:4px}
.wb-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:36px;min-width:36px;padding:8px 11px;border:0;border-radius:8px;background:transparent;color:var(--iq-ink);font:500 12px/1.4 var(--iq-font);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color 120ms,color 120ms,transform 140ms;vertical-align:middle}
.wb-button .iq-icon{flex:none;display:block}.wb-button.wb-icon-button{padding:8px}
.wb-button:hover:not(:disabled){background:var(--iq-hover);color:var(--iq-ink)}.wb-button:active:not(:disabled){transform:translateY(1px)}
.wb-button:disabled{opacity:.42;cursor:default}.wb-button.wb-primary{background:var(--iq-primary);color:var(--iq-on-primary);min-height:40px;padding:10px 15px}
.wb-button.wb-primary:hover:not(:disabled){background:var(--iq-primary);color:var(--iq-on-primary);opacity:.92}
.wb-shell :is(.wb-button,.wb-tool,.wb-title,.wb-frame-jump,.wb-command-item,.wb-color-option,.wb-search-result,.wb-template-card,.wb-outcome-title):focus-visible{outline:0;box-shadow:inset 0 -2px var(--iq-focus);background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.wb-command-row{display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 16px;border-bottom:1px solid var(--iq-line);background:var(--iq-raised)}
.wb-idle-context{display:flex;align-items:center;gap:12px;flex:1;min-width:0;font-size:12px}.wb-mode-name{font-weight:600;white-space:nowrap}.wb-mode-description{color:var(--iq-muted);line-height:1.45;min-width:0}.wb-idle-context .wb-button{margin-left:auto}
.wb-history{display:flex;gap:2px;flex:none;margin-left:auto;border-left:1px solid var(--iq-line);padding-left:10px}
.wb-context{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:thin;flex:1;min-height:38px}
.wb-context .wb-button{flex:none}.wb-selection-count{font-size:12px;font-weight:600;white-space:nowrap;margin-right:10px;flex:none}.wb-edit-hint{font-size:12px;color:var(--iq-muted);margin-right:auto}
.wb-workspace{display:grid;grid-template-columns:76px minmax(0,1fr);position:relative;min-height:0}.wb-shell.has-panel .wb-workspace{grid-template-columns:76px minmax(0,1fr) 296px}
.wb-rail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 7px;background:var(--iq-raised);border-right:1px solid var(--iq-line);z-index:5;min-height:0;overflow-y:auto;scrollbar-width:thin}
.wb-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;width:60px;padding:8px 3px;flex:none;border:0;border-radius:10px;color:var(--iq-muted);background:transparent;cursor:pointer;transition:background-color 130ms,color 130ms}
.wb-tool>span{font:500 10px/1.3 var(--iq-font)}.wb-tool .iq-icon{display:block;flex:none}.wb-tool:hover:not(:disabled){background:var(--iq-hover);color:var(--iq-ink)}
.wb-tool[aria-pressed=true]{background:var(--iq-primary);color:var(--iq-on-primary)}.wb-tool:disabled{opacity:.35;cursor:default}
.wb-rail>.wb-button{display:flex;flex-direction:column;gap:5px;min-height:54px;width:60px;padding:8px 2px;font-size:9px;margin-top:5px;border-top:1px solid var(--iq-line);border-radius:0}
.wb-center{display:flex;flex-direction:column;min-width:0;position:relative}
.wb-stage{min-height:580px;height:580px;position:relative;overflow:hidden;touch-action:none;outline:0;background-color:var(--iq-wb-canvas);background-image:radial-gradient(var(--iq-wb-dot) .8px,transparent .9px);background-size:var(--wb-dot-size,24px) var(--wb-dot-size,24px);user-select:none;cursor:default;contain:layout paint}
.wb-stage[data-canvas-tool=hand],.wb-stage.is-pan{cursor:grab}.wb-stage.is-interacting[data-canvas-tool=hand],.wb-stage.is-interacting.is-pan{cursor:grabbing}
.wb-stage:is([data-canvas-tool=sticky],[data-canvas-tool=text],[data-canvas-tool=shape],[data-canvas-tool=frame],[data-canvas-tool=pen],[data-canvas-tool=connect]){cursor:crosshair}
.wb-stage.is-file-over{box-shadow:inset 0 0 0 3px var(--iq-focus);background-color:var(--iq-focus-fill)}
.wb-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:8px 12px;background:var(--iq-raised);border-top:1px solid var(--iq-line)}
.wb-footer-left,.wb-zoom{display:flex;gap:2px;align-items:center}.wb-footer .wb-button{font-size:11px;padding:7px 8px;min-height:34px}.wb-zoom-label{font-variant-numeric:tabular-nums;min-width:46px}.wb-hint{font-size:11px;color:var(--iq-muted);text-align:center;line-height:1.5}
.wb-object{font-size:17px;line-height:1.45;letter-spacing:-.014em;border-radius:8px;transition:box-shadow 130ms;}
.wb-object.is-connect-source{box-shadow:inset 0 0 0 3px var(--iq-focus),var(--iq-wb-object-shadow)}
.wb-frame-head{min-height:56px;padding:10px 16px;gap:10px;border-bottom:0;display:flex}.wb-frame-head .wb-object-text{font-size:16px;font-weight:600;flex:1;white-space:normal;overflow-wrap:anywhere;line-height:1.3;max-height:none}
.wb-frame-head .wb-button{flex:none;min-width:32px;min-height:32px;padding:6px;border-radius:8px;background:var(--iq-raised);color:var(--iq-ink);pointer-events:auto}
.wb-frame-head .wb-button:hover{background:var(--iq-hover)}.wb-frame-number{font-size:10px}
.wb-object[data-type=task]{font-weight:500;gap:8px;padding:16px}.wb-task-label{font-size:11px}.wb-task-owner{flex-shrink:0;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:400;line-height:1.4;color:var(--iq-muted);margin-top:auto}.wb-task-owner>span{flex:1;min-width:0;overflow-wrap:anywhere}.wb-task-check{display:grid;place-items:center;flex:none;border:0;background:var(--iq-surface);color:var(--iq-ink);border-radius:6px;width:28px;height:28px;padding:4px;cursor:pointer}
.wb-task-check[aria-pressed=true]{color:var(--iq-success)}
.wb-panel{height:634px;overflow:auto;border-left:1px solid var(--iq-line);padding:0;background:var(--iq-raised);min-width:0;scrollbar-width:thin;z-index:8}
.wb-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 14px;background:var(--iq-raised);border-bottom:1px solid var(--iq-line)}
.wb-panel h3{font-size:14px;font-weight:600;line-height:1.35;margin:0}.wb-panel h4{font-size:14px;font-weight:600;line-height:1.45;margin:4px 0 10px}.wb-panel-content{display:flex;flex-direction:column;gap:12px;padding:16px;min-width:0}
.wb-panel p{font-size:12px;line-height:1.65;margin:0 0 8px;color:var(--iq-muted)}.wb-panel .wb-panel-lead{margin-bottom:6px}
.wb-panel-content>section{padding:8px 0 20px;border-bottom:1px solid var(--iq-line)}.wb-panel-kicker{font-size:10px;letter-spacing:.06em;color:var(--iq-muted)}
.wb-command-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;border:0;border-radius:10px;background:var(--iq-surface);color:var(--iq-ink);text-align:left;cursor:pointer;min-height:48px}
.wb-command-item>span{min-width:0;flex:1}.wb-command-item b{display:block;font-size:12px;font-weight:500;line-height:1.45}.wb-command-item small{display:block;font-size:11px;line-height:1.5;color:var(--iq-muted);margin-top:3px}.wb-command-item>.iq-icon{flex:none}.wb-command-item>.iq-icon:last-child{transform:rotate(-90deg);color:var(--iq-muted)}.wb-command-item:hover:not(:disabled){background:var(--iq-hover)}.wb-command-item:disabled{opacity:.4;cursor:default}
.wb-outline-row{padding-bottom:10px;border-bottom:1px solid var(--iq-line)}.wb-frame-jump{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;color:var(--iq-ink);width:100%;padding:10px 6px;border-radius:8px;cursor:pointer}.wb-frame-jump>span{font:11px var(--iq-mono);color:var(--iq-muted)}.wb-frame-jump>div{min-width:0;flex:1}.wb-frame-jump b{font-size:13px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.wb-frame-jump small{display:block;font-size:11px;color:var(--iq-muted);margin-top:3px}.wb-outline-select{font-size:11px;min-height:30px;margin-left:24px;color:var(--iq-muted)}
.wb-appearance-grid{display:grid;gap:8px}.wb-color-option{display:flex;align-items:center;gap:12px;border:0;background:var(--iq-surface);color:var(--iq-ink);border-radius:9px;padding:10px 12px;cursor:pointer;font:12px var(--iq-font)}.wb-color-option>span{flex:1;text-align:left}.wb-color-dot{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:var(--iq-wb-sand);color:var(--iq-wb-note-ink)}
.wb-color-dot[data-color=lavender]{background:var(--iq-wb-lavender)}.wb-color-dot[data-color=mint]{background:var(--iq-wb-mint)}.wb-color-dot[data-color=sky]{background:var(--iq-wb-sky)}.wb-color-dot[data-color=rose]{background:var(--iq-wb-rose)}.wb-color-dot[data-color=neutral]{background:var(--iq-surface);color:var(--iq-ink)}
.wb-search-label{display:grid;gap:8px;font-size:11px;color:var(--iq-muted)}.wb-search-results{display:grid;gap:4px}.wb-search-count{font-size:11px!important}.wb-search-result{display:flex;align-items:center;gap:10px;width:100%;padding:10px 5px;text-align:left;border:0;border-bottom:1px solid var(--iq-line);background:none;color:var(--iq-ink);cursor:pointer;border-radius:6px}
.wb-search-result>span{min-width:0;flex:1}.wb-search-result small{display:block;font-size:10px;color:var(--iq-muted);margin-bottom:4px}.wb-search-result b{display:block;font-size:12px;line-height:1.5;font-weight:500;overflow-wrap:anywhere;max-height:4.5em;overflow:hidden}.wb-search-result .iq-icon{flex:none}
.wb-template-grid{display:grid;grid-template-columns:1fr;gap:12px}.wb-template-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--iq-line);border-radius:10px;padding:12px;background:var(--iq-raised);color:var(--iq-ink);text-align:left;cursor:pointer}
.wb-template-card b{font-size:13px;line-height:1.5;font-weight:600}.wb-template-card small{font-size:11px;line-height:1.65;color:var(--iq-muted)}.wb-template-card:hover:not(:disabled){background:var(--iq-surface)}.wb-template-card:disabled{opacity:.45;cursor:default}.wb-template-use{font-size:11px;display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:500;padding-top:4px}
.wb-template-art{width:100%;border-radius:6px;background:var(--iq-wb-canvas);overflow:hidden}.wb-template-art svg{display:block;width:100%;height:auto}.wb-template-art rect{fill:var(--iq-wb-lavender)}.wb-template-art rect[data-color=sand]{fill:var(--iq-wb-sand)}.wb-template-art rect[data-color=mint]{fill:var(--iq-wb-mint)}.wb-template-art rect.is-frame{fill:var(--iq-wb-frame);stroke:var(--iq-wb-frame-line);stroke-width:.5}
.wb-help-step{padding-bottom:14px;border-bottom:1px solid var(--iq-line)}.wb-help-step>b{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:12px;line-height:1.5}.wb-help-step>b>span{display:grid;place-items:center;background:var(--iq-surface);color:var(--iq-ink);width:25px;height:25px;border-radius:50%;font-size:11px;flex:none}.wb-help-step .wb-button{background:var(--iq-surface)}
.wb-shortcut-details summary{cursor:pointer;font-size:12px;font-weight:500;padding:8px 0}.wb-shortcuts{display:grid;grid-template-columns:1fr;gap:3px;margin:12px 0}.wb-shortcuts dt{font-size:11px;font-weight:600;margin-top:8px}.wb-shortcuts dd{font-size:11px;color:var(--iq-muted);margin:0 0 4px}
.wb-outcome{display:flex;align-items:flex-start;gap:5px;padding:12px 0;border-bottom:1px solid var(--iq-line)}.wb-outcome .wb-button{min-height:30px;min-width:26px;padding:4px}.wb-outcome-title{flex:1;min-width:0;border:0;background:none;color:var(--iq-ink);text-align:left;padding:3px 4px;cursor:pointer;border-radius:6px}.wb-outcome-title b{font-size:12px;font-weight:500;line-height:1.55;display:block}.wb-outcome-title small{display:block;font-size:11px;color:var(--iq-muted);line-height:1.5;margin-top:5px}
.wb-timer{font:500 40px/1.2 var(--iq-mono);margin:20px 0;font-variant-numeric:tabular-nums}.wb-timer-minutes{font-size:12px;display:grid;gap:6px;margin-bottom:12px}.wb-vote-results{padding:0;list-style:none}.wb-vote-results li{display:flex;align-items:flex-start;gap:12px;font-size:12px;margin:10px 0}.wb-vote-results b{font-size:16px}
.wb-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;text-align:center;pointer-events:none}.wb-empty>p{max-width:340px;font-size:14px;line-height:1.65;margin:0;color:var(--iq-muted)}.wb-empty h3{font-size:26px;font-weight:500;letter-spacing:-.035em;margin:4px 0 0;line-height:1.2}.wb-empty>div{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;justify-content:center}.wb-empty button{pointer-events:auto}.wb-empty .wb-button{background:var(--iq-primary);color:var(--iq-on-primary);padding:11px 16px;min-height:42px}.wb-empty .wb-button+button{background:var(--iq-raised);color:var(--iq-ink);border:1px solid var(--iq-line)}.wb-empty-mark{display:grid;place-items:center;width:56px;height:56px;background:var(--iq-wb-sand);color:var(--iq-wb-note-ink);border-radius:12px}.wb-empty-template{margin-top:8px;display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--iq-muted);font-size:12px;cursor:pointer}
.wb-state-surface{position:absolute;inset:0;background:var(--iq-wb-canvas);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center;z-index:12}.wb-state-surface h3{font-size:20px;margin:0}.wb-state-surface p{font-size:14px;color:var(--iq-muted);margin:0}.wb-state-error{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--iq-danger-fill);color:var(--iq-on-danger)}.wb-loading-symbol{color:var(--iq-muted)}
.wb-notice{display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--iq-surface);border-bottom:1px solid var(--iq-line);font-size:12px;flex-wrap:wrap}.wb-notice>span{display:flex;align-items:center;gap:8px;flex:1;min-width:150px}.wb-notice .wb-button{min-height:32px}.wb-notice [data-glyph=xCircle]{color:var(--iq-danger)}.wb-notice [data-glyph=warning]{color:var(--iq-warning)}
.wb-fullscreen{padding:0;border:0;border-radius:12px;max-width:none;max-height:none;width:calc(100vw - 24px);height:calc(100dvh - 24px);background:var(--iq-raised);color:var(--iq-ink);overflow:hidden;outline:0}.wb-fullscreen::backdrop{background:var(--iq-wb-backdrop)}.wb-fullscreen .wb-shell{height:100%;border:0}.wb-fullscreen .wb-workspace{flex:1;min-height:0}.wb-fullscreen .wb-center{min-height:0}.wb-fullscreen .wb-stage{height:auto;flex:1;min-height:180px}.wb-fullscreen .wb-panel{height:100%;min-height:0}.wb-fullscreen .wb-accessible{height:auto;flex:1;min-height:0}
.wb-sheet{width:min(530px,calc(100vw - 32px));padding:26px;border:1px solid var(--iq-line);border-radius:16px;background:var(--iq-raised);color:var(--iq-ink);box-shadow:var(--iq-shadow-3);max-height:calc(100dvh - 32px);overflow:auto;outline:0}.wb-sheet::backdrop{background:var(--iq-wb-backdrop)}.wb-sheet header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.wb-sheet h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0;font-weight:600}.wb-sheet-content{display:grid;gap:18px}.wb-sheet p{color:var(--iq-muted);font-size:13px;line-height:1.65;margin:0}.wb-sheet label{display:grid;gap:8px;font-size:13px;font-weight:500}
.wb-sheet :is(textarea,input,select),.wb-panel input{display:block;resize:none;width:100%;border:1px solid var(--iq-control);background:var(--iq-field-bg);color:var(--iq-ink);font:14px/1.55 var(--iq-font);padding:10px 12px;border-radius:8px;min-height:42px;max-width:100%}
.wb-sheet :is(textarea,input,select):focus,.wb-panel input:focus{outline:0;border-color:var(--iq-focus)}.wb-sheet footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px}.wb-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wb-sheet .wb-checkbox{display:flex;align-items:center}.wb-sheet .wb-checkbox input{width:18px;height:18px;min-height:18px;accent-color:var(--iq-primary)}.wb-sheet .wb-sheet-error{margin-top:16px;color:var(--iq-danger);font-size:13px}.wb-batch-count{font-size:12px;color:var(--iq-muted);margin-top:-6px}
.wb-accessible{height:580px;overflow:auto;padding:20px;background:var(--iq-wb-canvas)}.wb-list-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--iq-line)}.wb-list-header h3{font-size:17px;margin:0}.wb-list-header>span{font-size:11px;color:var(--iq-muted);flex:1}.wb-list-header .wb-button{background:var(--iq-raised)}.wb-list-item{display:flex;align-items:flex-start;gap:12px;padding:14px 8px;border-bottom:1px solid var(--iq-line);border-radius:8px}.wb-list-item.is-selected{background:var(--iq-focus-fill);color:var(--iq-focus-text)}.wb-list-item>div{flex:1;min-width:0}.wb-list-item small{font-size:11px;color:var(--iq-muted);line-height:1.5}.wb-list-item p{font-size:14px;line-height:1.65;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.wb-list-type{display:grid;place-items:center;border-radius:8px;width:30px;height:30px;background:var(--iq-surface);color:var(--iq-ink);flex:none}.wb-list-type[data-color=sand]{background:var(--iq-wb-sand);color:var(--iq-wb-note-ink)}.wb-list-type[data-color=lavender]{background:var(--iq-wb-lavender);color:var(--iq-wb-note-ink)}.wb-list-type[data-color=mint]{background:var(--iq-wb-mint);color:var(--iq-wb-note-ink)}.wb-list-relations{font-size:12px;color:var(--iq-muted);line-height:1.65;display:block}.wb-list-item.is-selected :is(small,.wb-list-relations,.wb-button){color:inherit}
.wb-shell[data-view=list] .wb-rail,.wb-shell[data-view=list] .wb-zoom{display:none}.wb-shell[data-view=list] .wb-workspace{grid-template-columns:minmax(0,1fr)}.wb-shell[data-view=list].has-panel .wb-workspace{grid-template-columns:minmax(0,1fr) 296px}.wb-shell[data-view=list] .wb-hint{display:none}.wb-list-item:has(.wb-list-type [data-glyph=board]){background:var(--iq-surface);margin-top:18px}.wb-list-item:has(.wb-list-type [data-glyph=board]) p{margin:0;font-weight:600}
/* Catalog: a compact scenario picker, not a second application toolbar. */
iq-whiteboard-demo{display:block;min-width:0}.wb-demo-scenarios{display:flex;align-items:center;gap:6px;overflow:auto;padding:0 0 18px;scrollbar-width:thin}.wb-demo-scenarios button{display:flex;align-items:center;gap:7px;flex:none;border:1px solid transparent;border-radius:8px;padding:9px 12px;font:500 12px/1.4 var(--iq-font);background:var(--iq-raised);color:var(--iq-muted);cursor:pointer}.wb-demo-scenarios button[aria-pressed=true]{background:var(--iq-primary);color:var(--iq-on-primary)}.wb-demo-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.wb-demo-intro h3{font-size:21px;font-weight:500;letter-spacing:-.03em;margin:0 0 6px}.wb-demo-intro p{font-size:13px;color:var(--iq-muted);margin:0;line-height:1.6;max-width:660px}.wb-demo-intro>span{display:none}.wb-demo-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:12px;flex-wrap:wrap}.wb-demo-actions small{font-size:11px;color:var(--iq-muted);line-height:1.6}.component-stage:has(iq-whiteboard-demo){padding:24px!important;display:block;min-height:0}
@media(max-width:1200px){.wb-hint{display:none}.wb-shell.has-panel .wb-workspace{grid-template-columns:76px minmax(0,1fr) 260px}.wb-shell[data-view=list].has-panel .wb-workspace{grid-template-columns:minmax(0,1fr) 260px}.wb-mode-description{font-size:11px}.wb-header{padding:14px 16px}.wb-header-actions [data-wb-action=templates]>span{display:none}}
@media(max-width:900px){.wb-panel{position:absolute;right:0;top:0;bottom:0;width:280px;max-width:calc(100% - 36px);height:auto;z-index:15;box-shadow:var(--iq-shadow-3)}.wb-shell.has-panel .wb-workspace{grid-template-columns:76px minmax(0,1fr)}.wb-shell[data-view=list].has-panel .wb-workspace{grid-template-columns:minmax(0,1fr)}.wb-header{gap:10px;flex-wrap:wrap}.wb-heading{min-width:220px}.wb-header-actions{margin-left:auto}.wb-stage{height:580px}.wb-command-row{gap:5px;padding:8px 10px}.wb-history{padding-left:4px}.wb-idle-context{gap:8px}.wb-context{gap:2px}.wb-context .wb-button{padding:7px 9px;font-size:11px}}
@media(max-width:640px){.component-stage:has(iq-whiteboard-demo){padding:12px!important}.wb-header{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.wb-heading{min-width:0}.wb-heading>div{flex:1;min-width:0}.wb-title{font-size:14px;width:100%;overflow:hidden}.wb-header-actions{display:flex;width:100%;gap:4px}.wb-header-actions [data-wb-action=quick-note]{flex:1}.wb-header-actions .wb-button{min-width:36px}.wb-header-actions [data-wb-action=templates]>span{display:none}.wb-board-mark{width:32px;height:32px}.wb-command-row{min-height:52px;flex-wrap:wrap}.wb-mode-description{display:none}.wb-selection-count{margin-right:4px;font-size:11px}.wb-edit-hint{display:none}.wb-context{flex-wrap:wrap;overflow:visible}.wb-context .wb-button{min-height:34px;font-size:11px}.wb-history{margin-left:auto}.wb-workspace,.wb-shell.has-panel .wb-workspace{grid-template-columns:56px minmax(0,1fr)}.wb-rail{padding:10px 3px}.wb-tool{width:48px;min-height:48px}.wb-tool>span{font-size:9px}.wb-rail>.wb-button{width:48px;font-size:8px;min-height:48px}.wb-stage{height:530px;min-height:530px}.wb-footer{padding:6px;flex-wrap:wrap;gap:6px}.wb-footer .wb-button{min-height:34px;padding:6px;font-size:11px}.wb-footer-left{gap:0}.wb-zoom{margin-left:auto}.wb-accessible{height:540px;padding:12px}.wb-list-header{flex-wrap:wrap;gap:8px}.wb-list-header h3{font-size:16px}.wb-list-header .wb-button{padding:8px}.wb-list-item{gap:8px;padding:12px 2px}.wb-list-type{width:26px;height:26px}.wb-list-item .wb-button{min-width:32px;padding:7px}.wb-list-item p{font-size:13px;line-height:1.65}.wb-empty{padding:24px 16px}.wb-empty h3{font-size:22px}.wb-empty>p{font-size:13px}.wb-empty>div{flex-direction:column}.wb-empty-template{font-size:11px}.wb-panel{max-width:calc(100% - 12px);width:290px}.wb-panel-content{padding:14px}.wb-fullscreen{inset:0;margin:0;width:100vw;height:100dvh;border-radius:0}.wb-fullscreen .wb-stage{min-height:120px}.wb-fullscreen .wb-command-row{flex-shrink:0}.wb-sheet{padding:20px;max-height:calc(100dvh - 20px)}.wb-sheet :is(input,textarea,select){font-size:16px}.wb-sheet h3{font-size:19px}.wb-demo-intro h3{font-size:20px}.wb-demo-actions small{flex-basis:100%}.wb-demo-scenarios{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){iq-whiteboard *,iq-whiteboard *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.wb-object,.wb-button,.wb-tool,.wb-shell{border:1px solid CanvasText}.wb-object.is-selected{outline:2px solid Highlight}.wb-edge-line{stroke:CanvasText}.wb-stage{background-image:none}.wb-tool[aria-pressed=true]{background:Highlight;color:HighlightText}}
.wb-list-select{padding-top:6px;display:block;flex:none;line-height:1}.wb-list-select input{appearance:none;display:block;margin:0;border:1px solid var(--iq-control);width:18px;height:18px;border-radius:5px;background:var(--iq-raised);cursor:pointer;position:relative}.wb-list-select input:checked{background:var(--iq-primary);border-color:var(--iq-primary)}.wb-list-select input:checked::after{content:'';position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid var(--iq-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.wb-list-select input:focus-visible{outline:0;box-shadow:inset 0 -3px var(--iq-focus)}.wb-list-item>.wb-list-actions{display:flex;flex-direction:column;gap:4px;flex:none}.wb-list-item.is-area{background:var(--iq-surface);margin-top:16px}.wb-list-item.is-area p{font-weight:600}.wb-list-item.is-area.is-selected{background:var(--iq-focus-fill);color:var(--iq-focus-text)}.wb-list-empty{padding:36px 16px;text-align:center}.wb-list-empty h3{font-size:20px;font-weight:500;letter-spacing:-.02em}.wb-list-empty p{font-size:13px;line-height:1.65;color:var(--iq-muted)}

@media(max-width:640px){.wb-footer-left{flex-wrap:wrap;min-width:0;max-width:100%}.wb-footer-left .wb-button{min-width:30px;padding:6px 5px;gap:5px;font-size:10px}}

/* 05.5 — object library, canvas dock, constrained Markdown, semantic connectors. */
.wb-shell[data-studio="055"]{--wb-library-width:228px;--wb-panel-width:280px}
.wb-shell[data-studio="055"] .wb-workspace{grid-template-columns:var(--wb-library-width) minmax(0,1fr)}
.wb-shell[data-studio="055"].has-panel .wb-workspace{grid-template-columns:var(--wb-library-width) minmax(0,1fr) var(--wb-panel-width)}
.wb-shell[data-studio="055"].library-closed .wb-workspace{grid-template-columns:minmax(0,1fr)}
.wb-shell[data-studio="055"].library-closed.has-panel .wb-workspace{grid-template-columns:minmax(0,1fr) var(--wb-panel-width)}
.wb-library{padding:0 16px 20px;background:var(--iq-raised);border-right:1px solid var(--iq-line);min-width:0;overflow:auto;max-height:648px;scrollbar-width:thin;z-index:8}
.wb-library>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 0 16px}
.wb-library>header .wb-button{width:30px;min-height:30px;padding:5px;flex:none}.wb-library>header .wb-button span{display:none}
.wb-library-eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--iq-muted);line-height:1.5;margin-bottom:3px}.wb-library h3{font-size:17px;letter-spacing:-.02em;margin:0;line-height:1.4}
.wb-library-categories{display:flex;gap:4px;padding:3px;background:var(--iq-surface);border-radius:9px;margin-bottom:24px}
.wb-library-categories button{flex:1;min-width:0;padding:7px 4px;font:500 10px/1.4 var(--iq-font);border:0;border-radius:6px;color:var(--iq-muted);background:transparent;cursor:pointer}
.wb-library-categories button[aria-pressed=true]{color:var(--iq-ink);background:var(--iq-raised);box-shadow:0 1px 3px #00000010}
.wb-library-items{display:flex;flex-direction:column;gap:8px}.wb-library-group{color:var(--iq-muted);font:500 11px/1.5 var(--iq-font);margin:0 0 4px}.wb-library-group:not(:first-child){margin-top:18px}
.wb-library-item{display:flex;gap:12px;align-items:center;width:100%;min-width:0;text-align:left;padding:12px 10px;border:1px solid transparent;border-radius:10px;background:var(--iq-surface);color:var(--iq-ink);cursor:pointer;transition:background .14s ease}
.wb-library-item:hover:not(:disabled){background:var(--iq-hover);color:var(--iq-ink)}
.wb-library-item[aria-pressed=true],.wb-library-item[aria-pressed=true]:hover{border-color:var(--iq-focus);background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.wb-library-item[aria-pressed=true] small{color:inherit}.wb-library-item:focus-visible,.wb-library-categories button:focus-visible{outline:0;box-shadow:inset 0 -3px var(--iq-focus)}
.wb-library-preview{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;flex:none;color:inherit}.wb-library-preview.is-note{background:var(--iq-wb-sand);color:var(--iq-wb-note-ink)}
.wb-library-item>span:last-child{min-width:0}.wb-library-item b{font-size:12px;font-weight:600;line-height:1.5;display:block}.wb-library-item small{font-size:10px;line-height:1.5;color:var(--iq-muted);display:block;margin-top:2px}.wb-library-item:disabled{opacity:.5;cursor:default}
.wb-library-tip{font-size:10px;line-height:1.65;color:var(--iq-muted);margin:24px 0 0}
.wb-shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wb-shape-grid .wb-library-item{flex-direction:column;gap:10px;min-height:96px;justify-content:center;padding:12px 8px;text-align:center}.wb-shape-grid .wb-library-item b{font-size:10px}
.wb-shape-art{display:block;width:32px;height:24px;border:1.5px solid currentColor;border-radius:4px}.wb-shape-art[data-shape=diamond]{width:22px;height:22px;transform:rotate(45deg);border-radius:3px}.wb-shape-art[data-shape=ellipse]{border-radius:50%;width:29px;height:29px}.wb-shape-art[data-shape=pill]{border-radius:20px}
.wb-shell[data-studio="055"] .wb-center{min-width:0;position:relative}
.wb-shell[data-studio="055"] .wb-stage{min-height:648px;height:648px}
.wb-shell[data-studio="055"] .wb-footer{position:absolute;inset:auto 12px 12px;pointer-events:none;justify-content:center;background:transparent;border:0;padding:0;gap:12px;min-height:48px;z-index:6;flex-wrap:wrap}
.wb-dock,.wb-shell[data-studio="055"] .wb-zoom{display:flex;align-items:center;gap:3px;background:var(--iq-raised);color:var(--iq-ink);padding:5px;border:1px solid var(--iq-line);border-radius:14px;box-shadow:var(--iq-shadow-2);pointer-events:auto}
.wb-dock .wb-button,.wb-dock .wb-tool{flex:none;width:40px;min-height:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;padding:8px;border:0;border-radius:9px;gap:0;background:transparent;color:var(--iq-muted)}
.wb-dock .wb-button span,.wb-dock .wb-tool span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wb-dock .wb-tool[aria-pressed=true],.wb-dock .wb-tool[aria-pressed=true]:hover{background:var(--iq-primary);color:var(--iq-on-primary)}
.wb-dock button:hover:not(:disabled){background:var(--iq-hover);color:var(--iq-ink)}
.wb-dock button:focus-visible{outline:0;box-shadow:inset 0 -3px var(--iq-focus);background:var(--iq-focus-fill);color:var(--iq-focus-text)}
.wb-dock-divider{display:block;height:20px;width:1px;background:var(--iq-line);margin:0 3px;flex:none}
.wb-shell[data-studio="055"] .wb-zoom{margin:0}.wb-shell[data-studio="055"] .wb-zoom .wb-button{min-height:32px;min-width:32px;padding:5px}.wb-zoom [data-wb-action=zoom-out] span,.wb-zoom [data-wb-action=zoom-in] span{display:none}
.wb-shell[data-studio="055"] .wb-panel{height:648px}
/* Every content box owns an explicit inline size; neither zoom nor the caret changes it. */
.wb-shell[data-studio="055"] .wb-object{box-sizing:border-box;font-size:16px;line-height:1.5;letter-spacing:-.01em;gap:8px;min-width:0}
.wb-shell[data-studio="055"] .wb-object-text{box-sizing:border-box;width:100%;min-width:0;min-height:0;white-space:normal;word-break:normal;overflow-wrap:break-word;flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;position:relative}
.wb-shell[data-studio="055"] .wb-object-text> :is(p,ul,ol,blockquote,pre,h2,h3,h4){max-width:100%;min-width:0;margin:0 0 .35em;white-space:normal;font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}.wb-object-text> :last-child{margin-bottom:0!important}
.wb-shell[data-studio="055"] .wb-object-text>ul,.wb-shell[data-studio="055"] .wb-object-text>ol{padding-left:1.3em}.wb-shell[data-studio="055"] .wb-object-text>blockquote{border-left:2px solid currentColor;padding-left:10px;opacity:.9}.wb-shell[data-studio="055"] .wb-object-text pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.86em;padding:6px;background:#00000008;border-radius:4px}.wb-object-text code{font-family:var(--iq-mono);font-size:.88em}.wb-object-text h2{font-size:1.35em!important;font-weight:650}.wb-object-text h3{font-size:1.16em!important;font-weight:650}.wb-object-text h4{font-weight:650}.wb-object-text a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.wb-shell[data-studio="055"] .wb-object[data-align=left] .wb-object-text{text-align:left}.wb-shell[data-studio="055"] .wb-object[data-align=center] .wb-object-text{text-align:center}.wb-shell[data-studio="055"] .wb-object[data-align=right] .wb-object-text{text-align:right}
.wb-shell[data-studio="055"] .wb-object[data-valign=middle] .wb-object-text{justify-content:center}.wb-shell[data-studio="055"] .wb-object[data-valign=bottom] .wb-object-text{justify-content:flex-end}
.wb-shell[data-studio="055"] .wb-object[data-type=text]{font-size:24px;padding:6px}
.wb-shell[data-studio="055"] .wb-object[data-type=shape]{background:transparent!important;border:0!important;border-radius:0!important;padding:20px!important;box-shadow:none!important;justify-content:stretch}
.wb-shell[data-studio="055"] .wb-object[data-type=shape]::before{display:none}
.wb-shape-face{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1;fill:var(--iq-raised);stroke:var(--iq-wb-shape-line);stroke-width:1.25;vector-effect:non-scaling-stroke}
.wb-shape-face>*{vector-effect:non-scaling-stroke}
.wb-shell[data-studio="055"] .wb-object[data-type=shape] .wb-object-text{flex:1;position:relative;z-index:1}
.wb-shell[data-studio="055"] .wb-object[data-shape=diamond] .wb-object-text{position:absolute;left:25%;top:25%;width:50%;height:50%;margin:0}
.wb-shell[data-studio="055"] .wb-object[data-shape=ellipse] .wb-object-text{position:absolute;left:15%;top:15%;width:70%;height:70%;margin:0}
.wb-shell[data-studio="055"] .wb-object[data-type=frame] .wb-object-text{display:block;white-space:normal;font-weight:600}
.wb-shell[data-studio="055"] .wb-object[data-type=frame] .wb-object-text p{margin:0;line-height:1.4}
.wb-shell[data-studio="055"] .wb-frame-head{min-height:56px;height:auto;align-items:center;padding:14px 20px}
.wb-shell[data-studio="055"] .wb-inline-input{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;flex:none;background:transparent;color:inherit;border:0;border-radius:0;padding:0;margin:0;resize:none;outline:0;box-shadow:none;font:inherit;letter-spacing:inherit;line-height:1.5;text-align:inherit;min-height:1.5em;height:100%;max-height:100%;white-space:pre-wrap;overflow:auto;word-break:normal;overflow-wrap:break-word;user-select:text}
.wb-shell[data-studio="055"] .wb-object.is-editing{z-index:10}.wb-object-text.has-editor{overflow:hidden}
.wb-object[data-type=frame] .wb-inline-input{height:48px}.wb-object[data-type=image] .wb-inline-input{min-height:40px}
.wb-formatting{border-bottom:1px solid var(--iq-line);padding:10px 16px;background:var(--iq-raised);color:var(--iq-ink)}
.wb-format-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wb-format-head b{font-size:12px;font-weight:600}.wb-format-head>[data-wb-count]{color:var(--iq-muted);font-size:11px;flex:1;text-align:right}.wb-format-head .wb-button{min-height:32px;padding:6px 10px;font-size:11px}.wb-format-head [data-wb-action=finish-edit]{background:var(--iq-primary);color:var(--iq-on-primary)}
.wb-format-body{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.wb-md-tools,.wb-alignment{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.wb-md-tools button,.wb-alignment button{border:0;background:transparent;color:var(--iq-ink);min-width:30px;width:30px;height:32px;padding:6px;display:grid;place-items:center;border-radius:6px;cursor:pointer;font:500 18px/1 var(--iq-font)}
.wb-md-tools button:hover,.wb-alignment button:hover{background:var(--iq-hover)}.wb-md-tools button:focus-visible,.wb-alignment button:focus-visible,.wb-alignment button[aria-pressed=true]{outline:0;background:var(--iq-focus-fill);color:var(--iq-focus-text);box-shadow:inset 0 -2px var(--iq-focus)}
.wb-rich-sheet{width:min(740px,calc(100vw - 24px))}.wb-rich-sheet iq-markdown-editor{display:block;width:100%;min-width:0}.wb-rich-sheet .md-toolbar{flex-wrap:wrap;gap:2px}.wb-rich-sheet .md-tool{width:30px;height:32px;min-height:32px}
/* Shape-side ports sit outside the object without changing its content box. */
.wb-shell[data-studio="055"] .wb-port{position:absolute;z-index:12;width:24px;height:24px;min-width:24px;min-height:24px;border:0;border-radius:50%;padding:0;background:transparent;display:grid;place-items:center;color:var(--iq-focus);opacity:0;cursor:crosshair;touch-action:none}
.wb-port::after{content:'';width:8px;height:8px;background:var(--iq-raised);border:1.5px solid var(--iq-focus);border-radius:50%;display:block}
.wb-port[data-port=left]{left:-12px;top:calc(50% - 12px)}.wb-port[data-port=right]{right:-12px;top:calc(50% - 12px)}.wb-port[data-port=top]{top:-12px;left:calc(50% - 12px)}.wb-port[data-port=bottom]{bottom:-12px;left:calc(50% - 12px)}
.wb-object:hover>.wb-port,.wb-object.is-selected>.wb-port,.wb-port:focus-visible,[data-canvas-tool=connect] .wb-port{opacity:1!important}.wb-port:hover::after,.wb-port:focus-visible::after{background:var(--iq-focus);width:10px;height:10px}.wb-port:focus-visible{outline:0}
.wb-object.is-link-target{box-shadow:0 0 0 2px var(--iq-focus)!important}
.wb-shell[data-studio="055"] .wb-edge-line{fill:none;stroke:var(--edge-color,var(--iq-muted));stroke-width:1.65;pointer-events:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.wb-shell[data-studio="055"] .wb-edge-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;vector-effect:non-scaling-stroke;cursor:pointer}
.wb-shell[data-studio="055"] .wb-connection.is-selected .wb-edge-line{stroke:var(--iq-focus);stroke-width:2.2}
.wb-shell[data-studio="055"] .wb-connection-label{cursor:pointer;pointer-events:auto}.wb-connection-label rect{fill:var(--iq-raised);stroke:var(--iq-line);stroke-width:1;vector-effect:non-scaling-stroke}.wb-shell[data-studio="055"] .wb-connection-label text{font:500 12px/1.4 var(--iq-font);fill:var(--iq-ink);paint-order:normal;stroke:none}
.wb-edge-end{fill:var(--iq-raised);stroke:var(--iq-focus);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:all;cursor:crosshair;touch-action:none}
.wb-link-preview{fill:none;stroke:var(--iq-focus);stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}
.wb-shell[data-studio="055"] .wb-fullscreen .wb-stage{flex:1}
@media(max-width:1100px){.wb-shell[data-studio="055"]{--wb-library-width:200px}.wb-shell[data-studio="055"].has-panel .wb-workspace{grid-template-columns:var(--wb-library-width) minmax(0,1fr)}.wb-shell[data-studio="055"].has-panel .wb-panel{position:absolute;right:0;top:0;bottom:0;width:280px;height:100%;box-shadow:var(--iq-shadow-3)}.wb-shell[data-studio="055"].library-closed.has-panel .wb-workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.wb-shell[data-studio="055"] .wb-workspace,.wb-shell[data-studio="055"].has-panel .wb-workspace{grid-template-columns:minmax(0,1fr)}.wb-library{position:absolute;left:0;top:0;bottom:0;width:230px;max-width:calc(100% - 28px);height:100%;box-shadow:var(--iq-shadow-3);z-index:20}.wb-shell[data-studio="055"] .wb-stage{height:620px;min-height:620px}.wb-shell[data-studio="055"] .wb-footer{left:6px;right:6px;bottom:8px;gap:6px}.wb-dock{gap:0;padding:4px;border-radius:12px}.wb-dock .wb-tool,.wb-dock .wb-button{width:34px;min-width:34px;height:38px;min-height:38px;padding:6px}.wb-dock-divider{margin:0 2px}.wb-shell[data-studio="055"] .wb-header-actions [data-wb-action=search]>span{display:none}.wb-shell[data-studio="055"] .wb-zoom{border-radius:10px;padding:2px}.wb-formatting{padding:8px}.wb-format-head{flex-wrap:wrap;gap:4px}.wb-format-body{gap:6px}.wb-md-tools button,.wb-alignment button{width:32px;min-width:32px}.wb-shell[data-studio="055"] .wb-command-row{min-height:44px}.wb-shell[data-studio="055"] .wb-panel{height:100%}.wb-rich-sheet{padding:16px}.wb-rich-sheet .markdown-editor .md-input{padding:12px;font-size:16px}.wb-rich-sheet .md-editor-head,.wb-rich-sheet .markdown-editor footer{padding:10px}.wb-rich-sheet .wb-field-pair{gap:10px}}
/* Tag deletion is a single coordinated foreground/background pair in both themes. */
iq-tag-input .iq-tag-token button:is(:hover,:focus-visible){background:var(--iq-focus-fill);color:var(--iq-focus-text);outline:0;opacity:1}
.graph-domain-open{position:absolute;right:10px;top:38px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:var(--iq-surface);color:var(--iq-ink);cursor:pointer}.graph-node-content{position:relative}.graph-markdown p{font-size:12px;line-height:1.6;margin:6px 0}.graph-markdown ul,.graph-markdown ol{padding-left:16px;font-size:12px}.graph-archive-clusters{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.graph-archive-clusters .iq-btn{gap:12px}
iq-work-header{display:block;min-width:0}.iq-work-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--iq-line);background:var(--iq-canvas);color:var(--iq-ink)}.iq-work-header-main{min-width:0}.iq-work-header h1{font:600 24px/1.28 var(--iq-font);letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}.iq-work-header-eyebrow{font:500 11px/1.5 var(--iq-font);color:var(--iq-muted);margin:0 0 4px}.iq-work-header-description{font:400 13px/1.6 var(--iq-font);color:var(--iq-muted);margin:6px 0 0;max-width:75ch}.iq-work-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.iq-work-header-context{grid-column:1/-1;min-width:0}.iq-work-header.is-comfortable{padding-block:32px}.iq-work-header.is-comfortable h1{font-size:30px}.iq-application-layout{display:flex;flex-direction:column;min-height:0;gap:0}.iq-application-layout>iq-roadmap,.iq-application-layout>iq-graph{flex:1;min-height:0}.iq-application-layout :is(iq-roadmap,iq-graph) .iq-pro-toolbar{padding:12px 20px}.iq-application-layout .iq-pro-heading :is(.iq-pro-eyebrow,.iq-pro-subtitle){display:none}.iq-application-layout .iq-pro-heading h3{font-size:15px;line-height:1.5;margin:0}
@media(max-width:640px){.iq-work-header{grid-template-columns:minmax(0,1fr);padding:16px;gap:12px}.iq-work-header h1{font-size:21px}.iq-work-header.is-comfortable{padding:24px 16px}.iq-work-header-actions{justify-content:flex-start}.iq-application-layout :is(iq-roadmap,iq-graph) .iq-pro-toolbar{padding:12px}}

/* 05.5 final composition and text measurement contracts. */
.wb-formatting [data-wb-count]{white-space:nowrap;flex:none;margin-left:auto}.wb-format-head b{flex:1}
.wb-vertical-align{display:flex;transform:rotate(90deg)}
.wb-measure{contain:layout style;letter-spacing:-.01em}.wb-measure>p{min-height:1.5em}
.wb-shell[data-studio="055"] .wb-object-text.has-editor{overflow:hidden}
.wb-shell[data-studio="055"] .wb-inline-input{max-height:100%;flex:0 0 auto}
.wb-object .wb-connection-label text{font:12px var(--iq-font)}
.wb-connection-label{pointer-events:none}.wb-connection-label rect{fill:var(--iq-raised);stroke:var(--iq-line);stroke-width:1}
.wb-library-item .iq-icon{flex:none}.wb-shell[data-studio="055"] .wb-object[data-type=shape]{isolation:isolate}.wb-shape-face{z-index:0}.wb-shape-face>*{stroke-width:1.5}
.wb-shell[data-studio="055"] .wb-object[data-type=shape][data-color=sand] .wb-shape-face{fill:var(--iq-wb-sand)}
.wb-shell[data-studio="055"] .wb-object[data-type=shape][data-color=lavender] .wb-shape-face{fill:var(--iq-wb-lavender)}
.wb-shell[data-studio="055"] .wb-object[data-type=shape][data-color=mint] .wb-shape-face{fill:var(--iq-wb-mint)}
.wb-library-categories button{font-size:11px;min-height:34px}.wb-library-item b{font-size:13px}.wb-library-item small,.wb-library-tip{font-size:11px}
.wb-shell[data-studio="055"] .wb-shape-grid .wb-library-item b{font-size:11px}
@media(max-width:760px){.wb-format-head{display:grid;grid-template-columns:1fr auto auto}.wb-format-head>[data-wb-count]{grid-column:1;grid-row:2;margin-left:0;text-align:left}.wb-format-head b{min-width:0}.wb-format-head .wb-button{min-height:36px}.wb-library{max-height:none}.wb-shell[data-studio="055"] .wb-stage{height:560px;min-height:560px}.wb-dock .wb-tool,.wb-dock .wb-button{height:40px;min-height:40px}}
.wb-fullscreen .wb-shell[data-studio="055"]{height:100%;display:flex;flex-direction:column}.wb-fullscreen .wb-shell[data-studio="055"] .wb-workspace{flex:1;min-height:0}.wb-fullscreen .wb-shell[data-studio="055"] .wb-stage{height:100%;min-height:180px}.wb-fullscreen .wb-library{max-height:none}

/* Connection end handles live above objects; unrelated SVG areas never intercept clicks. */
.wb-link-handles{position:absolute;inset:0 auto auto 0;width:1px;height:1px;overflow:visible;pointer-events:none;z-index:12}
.wb-edge-end:focus-visible{fill:var(--iq-focus);stroke:var(--iq-raised);stroke-width:3}

/* Titles and image captions have their own content regions; growing a frame title moves its children. */
.wb-shell[data-studio="055"] .wb-frame-head{height:var(--wb-header-height,56px);min-height:56px;overflow:hidden}
.wb-shell[data-studio="055"] .wb-object[data-type=frame] .wb-object-text{display:flex;flex-direction:column;align-self:stretch;overflow:auto;text-overflow:clip;min-height:0;white-space:normal}
.wb-shell[data-studio="055"] .wb-object[data-type=image]{padding-bottom:0}
.wb-shell[data-studio="055"] .wb-object[data-type=image] img{height:calc(100% - var(--wb-caption-height,32px));border-radius:7px 7px 0 0}
.wb-shell[data-studio="055"] .wb-image-caption{height:var(--wb-caption-height,32px);min-height:var(--wb-caption-height,32px);padding:10px 12px;display:flex;white-space:normal;overflow:auto;text-overflow:clip;font-size:13px}

/* 05.6 — shared reading typography. Preview and viewer use precisely this class.
 * No editor chrome is supplied by the renderer. Wide regions own their own scroll.
 */
iq-markdown-viewer{display:block;min-width:0;max-width:100%;color:var(--iq-ink)}
.md-document{font:400 14px/1.7 var(--iq-font);color:var(--iq-ink);overflow-wrap:anywhere;word-break:normal;min-width:0;max-width:100%;text-align:start}
.md-document :where(h1,h2,h3,h4,h5,h6){font-family:var(--iq-display);font-weight:600;color:var(--iq-ink);letter-spacing:-.025em;line-height:1.3;margin:1.5em 0 .6em}
.md-document h1{font-size:28px}.md-document h2{font-size:23px}.md-document h3{font-size:18px}.md-document h4{font-size:16px}.md-document h5,.md-document h6{font-size:14px}
.md-document> :first-child{margin-top:0}.md-document> :last-child{margin-bottom:0}
.md-document p{margin:0 0 var(--iq-space-3)}
.md-document ul,.md-document ol{margin:0 0 var(--iq-space-4);padding-inline-start:var(--iq-space-6)}
.md-document li{margin-block:var(--iq-space-1)}.md-document li>ul,.md-document li>ol{margin-block:var(--iq-space-1)}
.md-document .md-task{display:flex;align-items:flex-start;gap:var(--iq-space-2);list-style:none}
.md-document .md-task-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;margin-top:4px;border:1px solid var(--iq-control);border-radius:3px;font:600 12px/1 var(--iq-font);background:var(--iq-raised);color:var(--iq-ink)}
.md-document .md-task-mark.is-checked{background:var(--iq-success-fill);color:var(--iq-on-success);border-color:transparent}
.md-document blockquote{margin:var(--iq-space-4) 0;padding:var(--iq-space-2) var(--iq-space-4);border-inline-start:2px solid var(--iq-control);color:var(--iq-muted)}
.md-document blockquote> :last-child{margin-bottom:0}
.md-document :not(pre)>code{font:400 .9em/1.5 var(--iq-mono);padding:2px 5px;border-radius:var(--iq-radius-xs);color:var(--iq-ink);background:var(--iq-surface);overflow-wrap:anywhere}
.md-document pre.md-code-scroll{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:var(--iq-space-4) 0;padding:var(--iq-space-4);border:1px solid var(--iq-line);border-radius:var(--iq-radius-sm);background:var(--iq-surface);color:var(--iq-ink);font:400 12px/1.65 var(--iq-mono);white-space:pre;overflow:auto;overscroll-behavior-inline:contain;word-break:normal;overflow-wrap:normal;tab-size:4}
.md-document pre.md-code-scroll code{font:inherit;white-space:inherit;color:inherit;background:none;padding:0;overflow-wrap:inherit;word-break:inherit}
.md-document.md-wrap-code pre.md-code-scroll{white-space:pre-wrap;overflow-wrap:anywhere}
.md-document .md-table-scroll{width:100%;max-width:100%;min-width:0;overflow:auto;overscroll-behavior-inline:contain;margin:var(--iq-space-4) 0;border:1px solid var(--iq-line);border-radius:var(--iq-radius-sm)}
.md-document table{width:100%;border-collapse:collapse;font:400 13px/1.6 var(--iq-font);table-layout:auto}
.md-document th,.md-document td{padding:10px 14px;vertical-align:top;text-align:start;min-width:100px;max-width:38ch;overflow-wrap:anywhere;border:0;border-block-end:1px solid var(--iq-line)}
.md-document th{font-weight:600;background:var(--iq-surface);color:var(--iq-ink)}.md-document tbody tr:last-child td{border-block-end:0}
.md-document .md-align-right{text-align:right}.md-document .md-align-center{text-align:center}
.md-document a{color:var(--iq-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.md-document a:hover{color:var(--iq-ink)}
.md-document :is(a,.md-code-scroll,.md-table-scroll):focus-visible{outline:none;background-color:var(--iq-focus-fill);color:var(--iq-focus-text);box-shadow:inset 0 -2px 0 var(--iq-focus-text)}
.md-document :is(.md-code-scroll,.md-table-scroll):focus-visible code{color:inherit}
.md-document hr{border:0;border-top:1px solid var(--iq-line);margin:var(--iq-space-6) 0}
.md-document .md-image-note,.md-document .md-empty{color:var(--iq-muted)}
.md-document .md-render-error{color:var(--iq-danger);margin:0}
.iq-markdown-viewer-document{padding:0;min-height:0}
/* Core application layout contracts; scoped selectors, no mutation of product DOM. */
iq-work-layout{--iq-work-header-padding:0px;--iq-work-header-border:0px}
.iq-work-header{background:var(--iq-canvas);padding:var(--iq-work-header-padding,20px 24px);gap:var(--iq-work-header-gap,12px) var(--iq-space-6);border-bottom-width:var(--iq-work-header-border,1px)}
.iq-work-header h1{font-size:var(--iq-work-header-title,24px)}
.iq-work-header.is-comfortable{padding-block:var(--iq-work-header-padding,32px)}
.iq-work-header.is-comfortable h1{font-size:var(--iq-work-header-title,30px)}
.iq-work-header-description{margin-top:var(--iq-work-header-description-gap,6px)}
.iq-work-navigation{display:flex;align-items:center;gap:var(--iq-space-5);min-height:40px;border-bottom:1px solid var(--iq-line);max-width:100%;flex-wrap:wrap}
.iq-work-navigation :is(a,button){font:500 13px/1.5 var(--iq-font);display:inline-flex;align-items:center;min-height:40px;padding:8px 0;color:var(--iq-muted);background:transparent;border:0;border-bottom:2px solid transparent;text-decoration:none;cursor:pointer}
.iq-work-navigation [aria-current=page],.iq-work-navigation [aria-selected=true]{color:var(--iq-ink);border-bottom-color:var(--iq-ink)}
.iq-work-navigation :is(a,button):focus-visible{outline:none;background:var(--iq-focus-fill);color:var(--iq-focus-text);border-bottom-color:var(--iq-focus-text)}
.iq-work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--iq-space-3);flex-wrap:wrap;min-width:0}
.iq-work-toolbar>.iq-field{margin:0;flex:0 1 320px;min-width:0}.iq-work-toolbar>.iq-field .iq-input-shell{min-height:var(--iq-work-control-size,var(--iq-control-sm))}
.iq-work-toolbar>.iq-field .iq-input-shell input{min-height:0;font-size:13px}
.iq-work-toolbar-group{display:flex;align-items:center;gap:var(--iq-space-2);flex-wrap:wrap;min-width:0}
.iq-work-summary{display:flex;align-items:center;gap:var(--iq-space-4);flex-wrap:wrap;color:var(--iq-muted);font:400 12px/1.6 var(--iq-font)}
.iq-work-summary b{color:var(--iq-ink);font-weight:600}
.iq-work-data{min-width:0;max-width:100%}.iq-work-table{width:100%;border-collapse:collapse;font:400 13px/1.5 var(--iq-font);table-layout:fixed}
.iq-work-table th{padding:10px 12px;text-align:left;font-weight:500;font-size:12px;color:var(--iq-muted);background:var(--iq-surface);border-bottom:1px solid var(--iq-line)}
.iq-work-table td{padding:12px;vertical-align:middle;min-height:var(--iq-work-row-min,64px);border-bottom:1px solid var(--iq-line);overflow-wrap:anywhere}
.iq-work-table .iq-work-row-title{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:calc(var(--iq-work-row-min,64px) - 24px)}
.iq-work-table .iq-work-row-title a{font-weight:500;color:var(--iq-ink);text-decoration:none;overflow-wrap:anywhere;display:block;min-height:24px}
.iq-work-table .iq-work-row-title a:hover{text-decoration:underline;text-underline-offset:3px}
.iq-work-table .iq-work-row-title small{font:400 11px/1.5 var(--iq-mono);color:var(--iq-muted)}
.iq-work-table .iq-badge{font-size:11px;line-height:20px;min-height:24px;white-space:normal;min-width:0;max-width:100%}
.iq-work-table tbody tr:focus-within{background:var(--iq-surface)}
.iq-work-table a:focus-visible{outline:none;background:var(--iq-focus-fill);color:var(--iq-focus-text);text-decoration:underline}
.iq-work-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--iq-space-3);flex-wrap:wrap;font:400 12px/1.5 var(--iq-font);color:var(--iq-muted)}
@media(max-width:640px){
 .iq-work-header{background:var(--iq-canvas);padding:var(--iq-work-header-padding,16px);gap:var(--iq-work-header-gap,12px)}
 .iq-work-header h1,.iq-work-header.is-comfortable h1{font-size:var(--iq-work-header-title,21px)}
 .iq-work-navigation{gap:var(--iq-space-4);row-gap:0}.iq-work-navigation :is(a,button){font-size:12px;min-height:36px}
 .iq-work-toolbar>.iq-field{flex:1 1 180px}.iq-work-toolbar>.iq-work-toolbar-group{flex-wrap:wrap}
 .iq-work-table,.iq-work-table tbody{display:block;width:100%}.iq-work-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .iq-work-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--iq-space-3) 0;gap:8px 12px;border-bottom:1px solid var(--iq-line)}
 .iq-work-table td{display:block;padding:0;border:0;min-height:0;font-size:12px}.iq-work-table td:first-child{grid-column:1/-1}
 .iq-work-table .iq-work-row-title{min-height:0;gap:4px}.iq-work-table .iq-work-row-title a{font-size:14px;min-height:24px}
 .iq-work-table td[data-column=person]{grid-column:1;grid-row:3}.iq-work-table td[data-column=date]{grid-column:2;grid-row:3;color:var(--iq-muted)}
 .iq-work-table td[data-column=status]{grid-column:1/-1}.iq-work-footer{font-size:11px}
}

@container iq-work (max-width:640px){
 .iq-work-header{background:var(--iq-canvas);padding:var(--iq-work-header-padding,16px);gap:var(--iq-work-header-gap,12px)}
 .iq-work-header h1,.iq-work-header.is-comfortable h1{font-size:var(--iq-work-header-title,21px)}
 .iq-work-navigation{gap:var(--iq-space-4);row-gap:0}.iq-work-navigation :is(a,button){font-size:12px;min-height:36px}
 .iq-work-toolbar>.iq-field{flex:1 1 180px}.iq-work-toolbar>.iq-work-toolbar-group{flex-wrap:wrap}
 .iq-work-table,.iq-work-table tbody{display:block;width:100%}.iq-work-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .iq-work-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--iq-space-3) 0;gap:8px 12px;border-bottom:1px solid var(--iq-line)}
 .iq-work-table td{display:block;padding:0;border:0;min-height:0;font-size:12px}.iq-work-table td:first-child{grid-column:1/-1}
 .iq-work-table .iq-work-row-title{min-height:0;gap:4px}.iq-work-table .iq-work-row-title a{font-size:14px;min-height:24px}
 .iq-work-table td[data-column=person]{grid-column:1;grid-row:3}.iq-work-table td[data-column=date]{grid-column:2;grid-row:3;color:var(--iq-muted)}
 .iq-work-table td[data-column=status]{grid-column:1/-1}.iq-work-footer{font-size:11px}
}
/* Supported nesting of supplied advanced surfaces in compact work layout.
   This is a DS composition rule, not a product override or changed timeline geometry. */
iq-work-layout[density=compact] .iq-pro-toolbar{padding:12px 16px;gap:12px}
iq-work-layout[density=compact] .iq-pro-heading .iq-pro-eyebrow,iq-work-layout[density=compact] .iq-pro-heading .iq-pro-subtitle{display:none}
iq-work-layout[density=compact] .iq-pro-heading h3{font-size:15px;line-height:1.5;margin:0}
@container iq-work (max-width:640px){iq-work-header .iq-work-header{grid-template-columns:minmax(0,1fr);gap:12px}iq-work-header .iq-work-header h1{font-size:21px}iq-work-header .iq-work-header-actions{justify-content:flex-start}}

/* Existing task/board/plan example uses the same public composition. */
iq-work-layout .iq-work-navigation a{gap:8px}
iq-work-layout .workspace-tools{margin:0;gap:8px}
iq-work-layout .workspace-reading-note{margin:0;padding:0;max-width:100%}
iq-work-layout[density=compact] .workspace-table .iq-table td{padding-block:12px}
iq-work-layout[density=compact] .workspace-table .iq-table th{padding-block:10px}
.workspace-layout{border:1px solid var(--iq-line);border-radius:var(--iq-radius-md)}
@media(max-width:640px){iq-work-layout .workspace-tools{display:flex;flex-wrap:wrap}iq-work-layout .workspace-tools .iq-search-small{flex:1 1 100%;width:100%}iq-work-layout .workspace-tools .compact-select{flex:1 1 140px;max-width:100%}iq-work-layout[density=compact] .workspace-table .iq-table td{padding-block:0}}

/* 05.7 — workshop surface. Scope prevents application button rules from leaking
   into the object library, tool dock, connection controls and tooltips. */
.wb-shell[data-workshop]{--wb-library-width:272px;position:relative}
.wb-shell[data-workshop] .wb-workspace{grid-template-columns:var(--wb-library-width) minmax(0,1fr)}
.wb-shell[data-workshop].library-closed .wb-workspace{grid-template-columns:minmax(0,1fr)}
.wb-shell[data-workshop].has-panel .wb-workspace{grid-template-columns:var(--wb-library-width) minmax(0,1fr) 280px}
.wb-shell[data-workshop].library-closed.has-panel .wb-workspace{grid-template-columns:minmax(0,1fr) 280px}
.wb-shell[data-workshop] .wb-library{padding:18px 14px;display:flex;flex-direction:column;gap:14px;overflow:hidden;max-height:none;min-width:0;background:var(--iq-raised)}
.wb-shell[data-workshop] .wb-library[hidden]{display:none}
.wb-shell[data-workshop] .wb-library>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0}
.wb-shell[data-workshop] .wb-library>header h3{font:600 15px/1.4 var(--iq-font);letter-spacing:-.02em;margin:0;color:var(--iq-ink)}
.wb-shell[data-workshop] .wb-library>header p{font:400 11px/1.5 var(--iq-font);color:var(--iq-muted);margin:4px 0 0}
.wb-shell[data-workshop] .wb-library>header .wb-button{width:28px;height:28px;min-width:28px;min-height:28px;padding:4px;flex:none}
.wb-shell[data-workshop] .wb-library-search{display:flex;align-items:center;gap:8px;border:1px solid var(--iq-line);background:var(--iq-surface);border-radius:8px;padding:0 10px;color:var(--iq-muted);min-height:36px}
.wb-shell[data-workshop] .wb-library-search input{width:100%;min-width:0;border:0;padding:8px 0;background:transparent;color:var(--iq-ink);font:400 12px/1.5 var(--iq-font);outline:none}
.wb-shell[data-workshop] .wb-library-search:focus-within{border-color:var(--iq-focus)}
.wb-shell[data-workshop] .wb-library-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border-radius:8px;background:var(--iq-surface);margin:0;flex:none}
.wb-shell[data-workshop] .wb-library-categories button{width:100%;min-width:0;min-height:32px;height:32px;padding:4px 2px;font:500 12px/1.4 var(--iq-font);white-space:nowrap;letter-spacing:0;color:var(--iq-muted);border-radius:6px;border:0;background:transparent;cursor:pointer;transition:background-color 120ms,color 120ms}
.wb-shell[data-workshop] .wb-library-categories button[aria-pressed=true]{background:var(--iq-raised);color:var(--iq-ink);box-shadow:0 1px 4px #0000000b}
.wb-shell[data-workshop] .wb-library-items{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;flex:1;margin:0;padding:0 2px 2px 0}
.wb-shell[data-workshop] .wb-library-item{display:flex;width:100%;align-items:center;gap:12px;margin:0 0 4px;padding:11px 8px;min-height:66px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--iq-ink);text-align:left;cursor:grab;transition:background-color 120ms,border-color 120ms}
.wb-shell[data-workshop] .wb-library-item:hover:not(:disabled):not([aria-pressed=true]):not(:focus-visible){background:var(--iq-hover);border-color:var(--iq-line)}
.wb-shell[data-workshop] .wb-library-item:is([aria-pressed=true],:focus-visible){background:var(--iq-focus-fill);color:var(--iq-focus-text);border-color:transparent}
.wb-shell[data-workshop] .wb-library-item b{font:600 13px/1.4 var(--iq-font);letter-spacing:-.01em;display:block}
.wb-shell[data-workshop] .wb-library-item small{font:400 11px/1.45 var(--iq-font);color:var(--iq-muted);display:block;margin-top:3px;max-width:174px}
.wb-shell[data-workshop] .wb-library-item:is([aria-pressed=true],:focus-visible) small{color:inherit}
.wb-shell[data-workshop] .wb-library-preview{flex:0 0 38px;width:38px;height:38px;border-radius:9px;background:var(--iq-surface);color:var(--iq-ink);display:grid;place-items:center}
.wb-shell[data-workshop] .wb-library-preview[data-tone=sand]{background:var(--iq-wb-sand);color:var(--iq-wb-note-ink)}
.wb-shell[data-workshop] .wb-library-preview[data-tone=mint]{background:var(--iq-wb-mint);color:var(--iq-wb-note-ink)}
.wb-shell[data-workshop] .wb-library-preview[data-tone=sky]{background:var(--iq-wb-sky);color:var(--iq-wb-note-ink)}
.wb-shell[data-workshop] .wb-library-batch{display:flex;align-items:center;gap:10px;width:100%;padding:14px 8px;margin-top:14px;border:0;border-top:1px solid var(--iq-line);border-radius:0;background:transparent;color:var(--iq-ink);text-align:left;cursor:pointer}
.wb-shell[data-workshop] .wb-library-batch b{font:500 12px/1.4 var(--iq-font)}
.wb-shell[data-workshop] .wb-library-batch small{display:block;font:400 11px/1.5 var(--iq-font);color:var(--iq-muted);margin-top:3px}
.wb-shell[data-workshop] .wb-library-tip{font:400 11px/1.5 var(--iq-font);color:var(--iq-muted);margin:0;padding-top:12px;border-top:1px solid var(--iq-line);flex:none}
.wb-shell[data-workshop] .wb-library-family{margin:0 0 16px}
.wb-shell[data-workshop] .wb-library-family h4{font:500 11px/1.5 var(--iq-font);color:var(--iq-muted);margin:0 0 8px;letter-spacing:0}
.wb-shell[data-workshop] .wb-shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.wb-shell[data-workshop] .wb-shape-choice{margin:0;min-height:83px;padding:9px 4px;gap:5px;background:var(--iq-surface);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0}
.wb-shell[data-workshop] .wb-shape-choice b{font:500 11px/1.35 var(--iq-font);white-space:normal;overflow-wrap:normal}
.wb-library-shape{display:block;flex:none;fill:var(--iq-raised);stroke:currentColor;stroke-width:1.3;overflow:visible}
.wb-library-shape *{vector-effect:non-scaling-stroke;stroke-linejoin:round}
.wb-shape-detail{fill:none}
.wb-library-format-note,.wb-library-no-results{font:400 12px/1.6 var(--iq-font);color:var(--iq-muted);padding:12px 6px;margin:0}
.wb-shell[data-workshop] .wb-command-row{padding:9px 18px;min-height:45px}
.wb-shell[data-workshop] .wb-mode-description{font-size:12px;line-height:1.5;white-space:normal;color:var(--iq-muted)}
.wb-shell[data-workshop] .wb-stage{height:640px;min-height:640px}
.wb-shell[data-workshop] .wb-footer{inset:auto 14px 14px;gap:12px;z-index:16;flex-wrap:nowrap}
.wb-shell[data-workshop] .wb-dock{border-radius:14px;padding:5px;gap:3px;border:1px solid var(--iq-line);background:var(--iq-raised);box-shadow:0 4px 16px #0000000c}
.wb-shell[data-workshop] .wb-dock :is(.wb-tool,.wb-button){width:42px;min-width:42px;height:42px;min-height:42px;padding:10px;border-radius:9px;color:var(--iq-muted);background:transparent;display:flex;align-items:center;justify-content:center}
.wb-shell[data-workshop] .wb-dock button[aria-pressed=true]{background:var(--iq-primary);color:var(--iq-on-primary)}
.wb-shell[data-workshop] .wb-dock button:hover:not(:disabled):not([aria-pressed=true]){background:var(--iq-hover);color:var(--iq-ink)}
.wb-shell[data-workshop] .wb-dock button:disabled{opacity:.35;cursor:default}
.wb-shell[data-workshop] :is(.wb-dock,.wb-zoom) button::after{content:none!important;display:none!important}
.wb-shell[data-workshop] .wb-dock-icon{width:20px;height:20px;flex:0 0 20px;display:block;overflow:visible;stroke-width:1.75;transform:none}
.wb-shell[data-workshop] .wb-dock-icon g{stroke-width:1.75}
.wb-shell[data-workshop] .wb-dock button:focus-visible{outline:0;background:var(--iq-focus-fill);color:var(--iq-focus-text);box-shadow:inset 0 -2px currentColor}
.wb-shell[data-workshop] .wb-zoom{padding:6px;border-radius:12px;gap:2px;box-shadow:0 4px 16px #0000000c}
.wb-shell[data-workshop] .wb-zoom .wb-button{font-size:12px;min-height:34px;height:34px;min-width:30px;padding:5px}
.wb-shell[data-workshop] .wb-overlay-tip{position:absolute;z-index:100;max-width:calc(100% - 16px);display:flex;align-items:center;gap:12px;padding:7px 10px;background:var(--iq-primary);color:var(--iq-on-primary);border:0;border-radius:7px;box-shadow:0 3px 10px #00000012;white-space:normal;overflow-wrap:anywhere;font:500 12px/1.4 var(--iq-font);pointer-events:auto;letter-spacing:0;transform:none;min-height:0}
.wb-shell[data-workshop] .wb-overlay-tip[hidden]{display:none}
.wb-shell[data-workshop] .wb-overlay-tip kbd{color:inherit;opacity:.7;font:400 11px/1.4 var(--iq-font);border:0;background:transparent;padding:0}
/* The same shape definition determines silhouette, content inset and connector anchors. */
.wb-shell[data-workshop] .wb-object[data-type=shape]{padding:0!important;overflow:visible}
.wb-shell[data-workshop] .wb-object[data-type=shape] .wb-object-text{position:absolute;left:var(--shape-left,12%);right:var(--shape-right,12%);top:var(--shape-top,14%);bottom:var(--shape-bottom,14%);width:auto;height:auto;min-width:0;margin:0;overflow:auto}
.wb-shell[data-workshop] .wb-shape-face>*{stroke-width:1.35;stroke-linejoin:round}
.wb-shell[data-workshop] .wb-shape-face .wb-shape-detail{fill:none}
.wb-shell[data-workshop] .wb-object[data-type=shape].is-selected .wb-shape-face{stroke:var(--iq-focus);stroke-width:1.7}
.wb-shell[data-workshop] .wb-object[data-type=shape].is-selected{box-shadow:none!important}
.wb-shell[data-workshop] .wb-port{width:28px;height:28px;min-width:28px;min-height:28px;z-index:14}
.wb-shell[data-workshop] .wb-port[data-port=left]{left:-14px;top:calc(50% - 14px)}
.wb-shell[data-workshop] .wb-port[data-port=right]{right:-14px;top:calc(50% - 14px)}
.wb-shell[data-workshop] .wb-port[data-port=top]{top:-14px;left:calc(50% - 14px)}
.wb-shell[data-workshop] .wb-port[data-port=bottom]{bottom:-14px;left:calc(50% - 14px)}
.wb-shell[data-workshop] .wb-port::after{width:7px;height:7px;border-width:1.5px;box-shadow:0 0 0 3px var(--iq-raised)}
.wb-shell[data-workshop] .wb-edge-line{stroke-width:1.7;stroke:var(--edge-color,var(--iq-muted))}
.wb-shell[data-workshop] .wb-connection.is-selected .wb-edge-line{stroke:var(--iq-focus);stroke-width:2}
.wb-shell[data-workshop] .wb-connection:focus-visible{outline:none}
.wb-shell[data-workshop] .wb-connection:focus-visible .wb-edge-line{stroke:var(--iq-focus);stroke-width:2.5}
.wb-shell[data-workshop] .wb-connection-label rect{stroke:none;fill:var(--iq-wb-canvas,var(--iq-surface))}
.wb-shell[data-workshop] .wb-connection-label text{fill:var(--iq-muted);font:500 12px/1.5 var(--iq-font)}
.wb-shell[data-workshop] .wb-connection.is-selected .wb-connection-label text{fill:var(--iq-focus)}
.wb-edge-style-group{display:flex;align-items:center;background:var(--iq-surface);padding:3px;gap:2px;border-radius:7px}
.wb-edge-style-group .wb-button{min-height:28px;height:28px;padding:4px 8px;font-size:11px}
.wb-edge-style-group .wb-button[aria-pressed=true]{background:var(--iq-raised);color:var(--iq-ink);box-shadow:0 1px 3px #00000014}
/* Batch capture uses individually editable note cards, never an implicit wall of text. */
.wb-capture-sheet{width:min(680px,calc(100vw - 24px));padding:24px;max-height:calc(100dvh - 24px)}
.wb-capture-sheet .wb-sheet-content{gap:16px}
.wb-capture-rows{display:grid;gap:10px}
.wb-capture-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:8px;border:1px solid var(--iq-line);border-radius:10px;padding:10px 12px;background:var(--iq-surface)}
.wb-capture-row label{display:grid;gap:4px;min-width:0}
.wb-capture-row label>span{font:500 11px/1.5 var(--iq-font);color:var(--iq-muted)}
.wb-capture-sheet .wb-capture-row textarea{border:0;background:transparent;min-height:52px;padding:2px 0;font:400 14px/1.6 var(--iq-font);color:var(--iq-ink);outline:none;resize:none}
.wb-capture-row:focus-within{border-color:var(--iq-focus);background:var(--iq-raised)}
.wb-capture-row-actions{display:flex;flex-direction:column;align-items:center;gap:2px}
.wb-capture-row-actions .wb-button{min-height:26px;min-width:26px;height:26px;width:26px;padding:4px}
.wb-capture-add{justify-self:start;background:var(--iq-surface);border-radius:8px}
.wb-capture-import{border-top:1px solid var(--iq-line);padding-top:14px}
.wb-capture-import summary{font:500 12px/1.5 var(--iq-font);cursor:pointer;color:var(--iq-muted);margin-bottom:12px}
.wb-capture-import label{margin:10px 0}
.wb-capture-summary{font:400 12px/1.6 var(--iq-font);color:var(--iq-muted)}
.wb-capture-sheet footer{margin-top:18px;padding-top:16px;border-top:1px solid var(--iq-line);position:sticky;bottom:-24px;background:var(--iq-raised);padding-bottom:8px;z-index:2}
@media(max-width:1200px){.wb-shell[data-workshop]{--wb-library-width:252px}.wb-shell[data-workshop].has-panel .wb-workspace{grid-template-columns:var(--wb-library-width) minmax(0,1fr)}.wb-shell[data-workshop].library-closed.has-panel .wb-workspace{grid-template-columns:minmax(0,1fr)}.wb-shell[data-workshop] .wb-panel{position:absolute;right:0;top:0;width:280px;bottom:0;height:auto;z-index:22}}
@media(max-width:760px){
 .wb-shell[data-workshop] .wb-workspace,.wb-shell[data-workshop].has-panel .wb-workspace{grid-template-columns:minmax(0,1fr)}
 .wb-shell[data-workshop] .wb-library{position:absolute;inset:0 auto 0 0;width:min(280px,calc(100% - 24px));max-width:none;height:100%;box-shadow:6px 0 24px #00000016;z-index:24;padding:16px 12px}
 .wb-shell[data-workshop] .wb-stage{height:600px;min-height:600px}
 .wb-shell[data-workshop] .wb-footer{inset:auto 6px 8px;gap:6px;justify-content:center;flex-wrap:wrap}
 .wb-shell[data-workshop] .wb-dock{gap:2px;padding:4px}
 .wb-shell[data-workshop] .wb-dock :is(.wb-tool,.wb-button){width:38px;min-width:38px;height:40px;min-height:40px;padding:8px}
 .wb-shell[data-workshop] .wb-zoom{padding:2px 5px}
 .wb-shell[data-workshop] .wb-zoom .wb-button{min-height:30px;height:30px}
 .wb-shell[data-workshop] .wb-command-row{padding:8px 12px}
 .wb-capture-sheet{padding:18px}
 .wb-capture-sheet footer{bottom:-18px;flex-wrap:wrap}
 .wb-capture-row label>span{font-size:12px}
 .wb-capture-sheet .wb-capture-row textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.wb-shell[data-workshop] :is(.wb-library-item,.wb-library-categories button){transition:none}}
@media(forced-colors:active){.wb-shell[data-workshop] .wb-port::after,.wb-shell[data-workshop] .wb-edge-end{border:1px solid ButtonText;fill:Canvas;stroke:ButtonText}.wb-shell[data-workshop] .wb-edge-line{stroke:CanvasText}.wb-shell[data-workshop] .wb-overlay-tip{background:Canvas;color:CanvasText;border:1px solid CanvasText}.wb-shell[data-workshop] .wb-shape-face{fill:Canvas;stroke:CanvasText}}
.wb-shell[data-workshop] .wb-library{height:640px;max-height:640px}
.wb-fullscreen .wb-shell[data-workshop] .wb-library{height:100%;max-height:100%}
@media(max-width:760px){.wb-shell[data-workshop] .wb-library{height:100%;max-height:100%}}

.wb-shell[data-workshop] .wb-library>header{padding:0}
.wb-shell[data-workshop] .wb-library-item{min-height:62px;padding:10px 6px}

.wb-shell[data-workshop] .wb-port,.wb-shell[data-workshop] .wb-resize{transform:scale(var(--wb-inv-zoom,1));transform-origin:center}
.wb-capture-sheet iq-select{display:block;min-width:0}
.wb-capture-sheet .iq-select-trigger{height:42px;min-height:42px;background:var(--iq-field-bg);font-size:13px;border-radius:8px}
.wb-capture-sheet .iq-control-label{font-size:13px;margin-bottom:8px}

/* Only the DOM tooltip is painted; no pseudo tooltip on inherited formatting controls. */
.wb-shell[data-workshop] :is(.wb-md-tools,.wb-alignment) button::after{content:none!important;display:none!important}
.wb-shell[data-workshop] .wb-overlay-tip kbd{flex:none;white-space:nowrap}
.wb-shell[data-workshop] .wb-library-search,.wb-shell[data-workshop] .wb-library>header{flex-shrink:0}
.wb-capture-summary{min-height:20px}
.wb-capture-import:not([open]) summary{margin-bottom:0}