.iv-shell{--iv-bg:var(--surface-canvas,var(--bg));--iv-panel:var(--surface-card,var(--panel));--iv-panel-2:var(--surface-raised,var(--panel-2));--iv-canvas:var(--document,var(--surface-canvas,var(--bg)));--iv-line:var(--border-subtle,var(--line));--iv-muted:var(--content-secondary,var(--muted));--iv-ink:var(--content-primary,var(--text));--iv-accent:var(--focus,var(--violet));--iv-accent-ink:var(--surface-canvas,var(--bg));min-height:calc(100vh - 72px);padding:24px 30px 30px;color:var(--iv-ink)}
html[data-mode="light"] .iv-shell{--iv-canvas:color-mix(in srgb,var(--document) 86%,var(--content-primary))}
.iv-shell button,.iv-shell input,.iv-shell textarea,.iv-shell select{font:inherit}.iv-shell button{cursor:pointer}.iv-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.iv-heading span,.iv-inspector small,.iv-page-wizard small{font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--iv-muted)}.iv-heading h2{font-size:44px;line-height:1;margin:7px 0 9px;letter-spacing:-.045em}.iv-heading p{margin:0;color:var(--iv-muted);font-size:15px}
.iv-scope-tabs{display:flex;gap:28px;border-bottom:1px solid var(--iv-line)}.iv-scope-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--iv-muted);padding:12px 0;font-size:13px}.iv-scope-tabs button.active{color:var(--iv-ink);border-bottom-color:var(--iv-accent)}.iv-scope-tabs span{margin-left:7px;padding:2px 6px;border-radius:10px;background:var(--iv-panel-2);font-size:11px}.iv-page-tabs{height:48px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--iv-line)}.iv-page-tabs nav{display:flex;gap:5px;overflow-x:auto;flex:1}.iv-page-tabs button{border:1px solid transparent;background:none;color:var(--iv-muted);padding:7px 11px;border-radius:8px;font-size:12px;white-space:nowrap}.iv-page-tabs nav button.active{background:var(--iv-panel);border-color:var(--iv-line);color:var(--iv-ink)}.iv-page-tabs>button{background:var(--iv-panel);border-color:var(--iv-line);color:var(--iv-ink)}
.iv-studio{height:min(760px,calc(100vh - 265px));min-height:520px;display:grid;grid-template-columns:auto minmax(0,1fr) 310px;border:1px solid var(--iv-line);border-radius:14px;overflow:hidden;background:var(--iv-panel)}.iv-pages{width:250px;background:#15181e;border-right:1px solid var(--iv-line);position:relative;transition:width .18s ease}.iv-pages.collapsed{width:46px}.iv-drawer-toggle{width:100%;height:43px;display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid var(--iv-line);background:none;color:var(--iv-muted);padding:0 13px}.iv-drawer-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.iv-pages.collapsed .iv-drawer-toggle{height:100%;writing-mode:vertical-rl;justify-content:flex-start;padding-top:16px}.iv-inbox{padding:16px 12px}.iv-inbox>header{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.iv-inbox>header>div{display:flex;align-items:center;justify-content:space-between}.iv-inbox>header span{font-size:11px;background:var(--iv-panel-2);padding:2px 7px;border-radius:10px}.iv-inbox>header small{color:var(--iv-muted);font-size:11px}.iv-inbox-tools{display:grid;grid-template-columns:1fr 91px;gap:6px;margin-bottom:7px}.iv-inbox input,.iv-inbox select,.iv-capture{min-width:0;background:#111318;color:var(--iv-ink);border:1px solid var(--iv-line);border-radius:8px}.iv-inbox input,.iv-inbox select{padding:8px;font-size:12px}.iv-capture{display:flex;margin-bottom:11px}.iv-capture input{border:0;flex:1}.iv-capture button{width:36px;border:0;border-left:1px solid var(--iv-line);background:var(--iv-ink);color:#16171c;border-radius:0 7px 7px 0}.iv-pool-list{display:grid;gap:7px;max-height:520px;overflow:auto}.iv-pool-list article{display:grid;grid-template-columns:20px 1fr 20px;gap:7px;align-items:start;padding:10px 8px;border:1px solid var(--iv-line);border-radius:9px;background:var(--iv-panel);cursor:grab}.iv-pool-list strong{font-size:12px;line-height:1.35}.iv-pool-list small{display:block;margin-top:6px;color:var(--iv-muted);font-size:9px;letter-spacing:.06em}.iv-drag svg{width:14px;height:14px;fill:none;stroke:var(--iv-muted);stroke-width:1.6}.iv-pool-list b{font-size:10px;color:var(--iv-muted)}.iv-empty{color:var(--iv-muted);font-size:12px}
.iv-canvas-panel{position:relative;min-width:0;background:var(--iv-canvas);overflow:hidden}.iv-canvas-toolbar{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 64px;border-bottom:1px solid var(--iv-line);position:relative;z-index:7;background:rgba(20,23,29,.96)}.iv-canvas-toolbar>div{display:flex;align-items:center;gap:8px}.iv-canvas-toolbar input{border:0;background:none;color:var(--iv-ink);font-weight:700;width:220px}.iv-canvas-toolbar small{display:block;color:var(--iv-muted);font-size:10px}.iv-canvas-toolbar button{border:1px solid var(--iv-line);background:var(--iv-panel-2);color:var(--iv-ink);padding:7px 10px;border-radius:8px;font-size:12px}.iv-canvas-toolbar button:last-child{background:var(--iv-ink);color:#15161b}.iv-presence{display:flex;align-items:center}.iv-presence span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#513d70;border:2px solid var(--iv-canvas);font-size:9px;margin-left:-6px}.iv-presence small{margin-left:5px;color:#80d5a2}
.iv-tools{position:absolute;left:12px;top:69px;z-index:9;display:flex;flex-direction:column;gap:3px;padding:5px;background:var(--iv-panel);border:1px solid var(--iv-line);border-radius:10px}.iv-tools button{width:39px;height:39px;border:0;background:none;color:var(--iv-muted);display:grid;place-items:center;border-radius:7px}.iv-tools button:hover,.iv-tools button.active{background:var(--iv-accent);color:var(--iv-accent-ink)}.iv-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.iv-tools span{position:absolute;left:49px;background:#0f1116;color:var(--iv-ink);padding:5px 7px;border-radius:5px;font-size:11px;opacity:0;pointer-events:none}.iv-tools button:hover span{opacity:1}.iv-viewport{position:absolute;inset:55px 0 0;overflow:hidden;touch-action:none;outline:none;background-image:radial-gradient(#3a3e48 .75px,transparent .75px);background-size:22px 22px}.iv-surface,.iv-shared-world{position:absolute;left:0;top:0;transform-origin:0 0}.iv-connectors{position:absolute;inset:0;overflow:visible;pointer-events:none}.iv-connectors path,.iv-shared-world>svg path{fill:none;stroke:#7b6a9c;stroke-width:2}.iv-connectors marker path{fill:#7b6a9c}
.iv-frame{position:absolute;border:1px solid #5d536f;border-radius:12px;background:rgba(189,163,243,.025);min-width:100px;min-height:70px}.iv-frame>strong{position:absolute;left:0;top:-29px;color:#aaa1bb;font-size:13px;padding:4px;background:var(--iv-canvas);outline:none}.iv-frame.selected{outline:2px solid var(--iv-accent);outline-offset:4px}.iv-card{position:absolute;display:flex;flex-direction:column;background:var(--iv-panel);border:1px solid var(--iv-line);border-radius:9px;min-width:100px;min-height:70px;overflow:visible;touch-action:none}.iv-card.selected{outline:2px solid var(--iv-accent);outline-offset:5px}.iv-card.locked:after{content:"Gesperrt";position:absolute;right:8px;bottom:7px;color:var(--iv-muted);font-size:9px}.iv-card-copy{padding:16px;min-height:0;overflow:auto}.iv-card-copy>div{font-size:20px;line-height:1.25;font-weight:620;outline:none;white-space:pre-wrap}.iv-card-copy p{font-size:12px;color:var(--iv-muted);line-height:1.55;margin:9px 0 0}.iv-card img,.iv-card video{width:100%;height:calc(100% - 58px);object-fit:cover;border-radius:8px 8px 0 0}.iv-card>a{padding:16px;color:var(--iv-ink);text-decoration:none}.iv-card footer{margin-top:auto;padding:0 14px 11px;display:flex;gap:5px}.iv-card footer span{font-size:9px;background:#292c34;padding:3px 5px;border-radius:5px}.iv-card footer b,.iv-peer-editing{font-size:9px;color:#90ddb1}.iv-peer-editing{position:absolute;left:8px;bottom:-22px;background:#173126;padding:3px 6px;border-radius:4px}.iv-comment-trigger{position:absolute;right:-13px;top:-14px;z-index:3;min-width:30px;height:27px;border:1px solid var(--iv-line);background:var(--iv-panel-2);color:var(--iv-muted);border-radius:7px;display:flex;align-items:center;gap:3px;opacity:0}.iv-card:hover .iv-comment-trigger,.iv-card.selected .iv-comment-trigger{opacity:1}.iv-comment-trigger svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}.iv-resize{position:absolute;right:-5px;bottom:-5px;width:13px;height:13px;border-radius:3px;background:var(--iv-accent);border:2px solid var(--iv-canvas);opacity:0;cursor:nwse-resize}.iv-card:hover .iv-resize,.iv-card.selected .iv-resize,.iv-frame:hover .iv-resize,.iv-frame.selected .iv-resize{opacity:1}.color-blue{--card-accent:#7ea8ff}.color-green{--card-accent:#72cf9d}.color-amber{--card-accent:#d8aa63}.color-red{--card-accent:#e37b8e}.iv-card[class*=color-],.iv-frame[class*=color-]{border-color:color-mix(in srgb,var(--card-accent,var(--iv-accent)) 45%,var(--iv-line))}
.iv-canvas-empty{position:absolute;left:480px;top:280px;width:360px;color:var(--iv-muted);text-align:center;pointer-events:none}.iv-canvas-empty h3{color:var(--iv-ink);font-size:22px;margin:0 0 8px}.iv-canvas-empty p{font-size:13px;line-height:1.6}.iv-drop-hint{display:none;position:absolute;inset:20px;border:2px dashed var(--iv-accent);border-radius:12px;place-items:center;color:var(--iv-accent);font-weight:700;background:rgba(189,163,243,.06)}.iv-viewport.drag-active .iv-drop-hint{display:grid}.iv-pointer-frame,.iv-peer-pointer{position:absolute;border:2px solid #ed6889;pointer-events:none;z-index:1000;background:transparent}.iv-pointer-frame.is-frame{border:1.5px solid var(--card-accent,var(--focus));border-radius:2px;background:color-mix(in srgb,var(--card-accent,var(--focus)) 9%,transparent)}.iv-pointer-frame.is-highlight{border:3px solid var(--card-accent,var(--focus));border-radius:16px;background:color-mix(in srgb,var(--card-accent,var(--focus)) 9%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.24)}.iv-peer-pointer{border-color:#5fcda2}.iv-peer-cursor{position:absolute;z-index:1001;pointer-events:none}.iv-peer-cursor i{display:block;width:0;height:0;border-left:8px solid #5fcda2;border-bottom:13px solid transparent}.iv-peer-cursor b{font-size:9px;background:#5fcda2;color:#10221a;padding:2px 5px;border-radius:4px}
.iv-canvas-controls{position:absolute;left:13px;bottom:13px;z-index:8;display:flex;align-items:center;background:var(--iv-panel);border:1px solid var(--iv-line);border-radius:9px;padding:3px}.iv-canvas-controls button{border:0;background:none;color:var(--iv-muted);padding:7px 9px;font-size:11px}.iv-canvas-controls button:hover{color:var(--iv-ink)}.iv-canvas-controls span{min-width:44px;text-align:center;font-size:11px}.iv-shortcuts{position:absolute;right:12px;bottom:14px;z-index:6;color:var(--iv-muted);font-size:10px}.iv-shortcuts kbd{background:var(--iv-panel);border:1px solid var(--iv-line);padding:2px 4px;border-radius:4px}.iv-selection-actions{position:absolute;top:67px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:4px;padding:5px;background:var(--iv-panel);border:1px solid var(--iv-line);border-radius:9px}.iv-selection-actions strong,.iv-selection-actions button{font-size:10px}.iv-selection-actions button{border:0;background:var(--iv-panel-2);color:var(--iv-ink);padding:6px 8px;border-radius:6px}
.iv-inspector{width:310px;background:#171a20;border-left:1px solid var(--iv-line);padding:18px;overflow:auto}.iv-inspector>header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.iv-inspector h3{margin:4px 0 0;font-size:20px}.iv-inspector header button{border:0;background:none;color:var(--iv-muted);font-size:22px}.iv-inspector form{display:grid;gap:13px}.iv-inspector label,.iv-page-wizard label{display:grid;gap:6px;color:var(--iv-muted);font-size:11px}.iv-inspector input,.iv-inspector textarea,.iv-inspector select,.iv-page-wizard input{width:100%;background:#101217;border:1px solid var(--iv-line);border-radius:8px;color:var(--iv-ink);padding:9px}.iv-inspector .primary,.iv-page-wizard .primary,.iv-comment-popover .primary{border:0;border-radius:8px;background:var(--iv-ink);color:#16171c;padding:10px;font-weight:700}.iv-inspector-actions{display:grid;gap:6px;margin:17px 0;padding:15px 0;border-block:1px solid var(--iv-line)}.iv-inspector-actions button,.iv-inspector footer button{border:1px solid var(--iv-line);background:none;color:var(--iv-ink);padding:9px;border-radius:8px;text-align:left;font-size:12px}.iv-linked{padding:10px 0}.iv-linked header{display:flex;justify-content:space-between}.iv-linked span{display:block;background:var(--iv-panel-2);padding:7px;border-radius:6px;margin-top:6px;font-size:11px}.iv-linked small,.iv-inspector footer small{display:block;color:var(--iv-muted);font-size:10px;margin-top:5px}.iv-inspector.empty{display:grid;place-items:center;text-align:center;color:var(--iv-muted)}.iv-inspector-empty-copy{max-width:220px}.iv-open-inspector{position:absolute;right:0;top:50%;z-index:10}.iv-comment-popover{position:absolute;z-index:20;width:310px;max-height:380px;overflow:auto;background:var(--iv-panel);border:1px solid var(--iv-line);border-radius:11px;padding:17px}.iv-comment-popover>button{position:absolute;right:8px;top:7px;background:none;border:0;color:var(--iv-muted)}.iv-comment-popover h3{margin:0 0 13px}.iv-comment-popover article{border-bottom:1px solid var(--iv-line);padding:8px 0}.iv-comment-popover p{font-size:12px;line-height:1.5}.iv-comment-popover textarea{width:100%;min-height:65px;background:#101217;color:var(--iv-ink);border:1px solid var(--iv-line);border-radius:7px;padding:8px}.iv-comment-popover form{display:grid;gap:7px}
.iv-page-wizard{position:absolute;right:24px;top:205px;z-index:400;width:330px;background:var(--iv-panel);border:1px solid var(--iv-line);border-radius:12px;padding:18px;box-shadow:var(--elevation-popover)}.iv-page-wizard header{display:flex;justify-content:space-between}.iv-page-wizard h3{margin:4px 0 18px}.iv-page-wizard header button{background:none;border:0;color:var(--iv-muted);font-size:20px}.iv-page-wizard p{color:var(--iv-muted);font-size:12px}.iv-page-wizard fieldset,.iv-share-modal fieldset,#iv-idea-share-form fieldset{border:0;padding:0;margin:0 0 14px;display:grid;gap:8px}.iv-page-wizard fieldset label,.iv-share-modal fieldset label,#iv-idea-share-form fieldset label{min-height:70px;display:grid;grid-template-columns:24px 1fr;align-items:center;border:1px solid var(--iv-line);border-radius:9px;padding:10px}.iv-page-wizard fieldset input,.iv-share-modal fieldset input,#iv-idea-share-form fieldset input{margin:0;justify-self:center}.iv-page-wizard fieldset small,.iv-share-modal fieldset small,#iv-idea-share-form fieldset small{display:block;color:var(--iv-muted)}.iv-wizard-actions{display:flex;gap:7px}.iv-remote-error{display:flex;justify-content:space-between;background:#3a211f;border:1px solid #76433e;padding:10px 14px;border-radius:8px;margin-bottom:10px}.iv-remote-error span{display:block;color:#e4b6af;font-size:11px}.iv-active-shares,.iv-internal-edit{margin:14px 0;padding-top:12px;border-top:1px solid var(--iv-line)}.iv-active-shares div,.iv-internal-edit>div{display:flex;gap:7px;justify-content:space-between;margin-top:8px}.iv-active-shares button{background:none;border:0;color:#f28b82}.iv-share-link-row{display:flex;gap:7px}.iv-share-link-row input{flex:1}.iv-task-idea-list{display:grid;gap:7px;max-height:390px;overflow:auto}.iv-task-idea-list button{display:flex;justify-content:space-between;background:var(--iv-panel-2);color:var(--iv-ink);border:1px solid var(--iv-line);border-radius:8px;padding:12px;text-align:left}
.iv-scope-choice{display:grid;gap:8px;margin:16px 0}.iv-scope-choice label{min-height:78px;display:grid;grid-template-columns:28px 1fr;align-items:center;border:1px solid var(--border,var(--iv-line));border-radius:10px;padding:12px 16px}.iv-scope-choice input{justify-self:center;margin:0}.iv-scope-choice span{display:block}.iv-scope-choice b,.iv-scope-choice small{display:block}.iv-scope-choice small{color:var(--muted,var(--iv-muted))}
.iv-shared-shell{height:100dvh;background:#101217;color:#f5f3f0;overflow:hidden}.iv-shared-shell>header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #30343e}.iv-shared-shell h1{font-size:24px;margin:3px 0}.iv-shared-shell header small,.iv-shared-shell header p{font-size:10px;color:#9da3b1;margin:0}.iv-shared-shell header>span{background:#27232f;border:1px solid #4e445f;padding:7px 10px;border-radius:8px;font-size:12px}.iv-shared-canvas{position:absolute;inset:76px 0 0;overflow:hidden;touch-action:none;background-color:#14171d;background-image:radial-gradient(#3a3e48 .75px,transparent .75px);background-size:22px 22px}.iv-shared-world{width:6000px;height:4000px}.iv-shared-world>svg{position:absolute;inset:0;pointer-events:none}.iv-shared-controls{position:fixed;left:14px;bottom:14px;z-index:8;display:flex;background:#191c23;border:1px solid #30343e;border-radius:9px;padding:3px}.iv-shared-controls button,.iv-shared-controls output{border:0;background:none;color:#f5f3f0;padding:7px 9px;font-size:12px}.iv-shared-comments{position:fixed;right:12px;top:90px;bottom:12px;z-index:12;width:320px;background:#191c23;border:1px solid #30343e;border-radius:12px;padding:18px;overflow:auto}.iv-shared-comments-close{float:right;border:0;background:none;color:#9da3b1;font-size:20px}.iv-shared-comments article{border-bottom:1px solid #30343e;padding:9px 0}.iv-shared-comments p{color:#c2c5cd;font-size:12px;line-height:1.5}.iv-shared-comments form{display:grid;gap:8px}.iv-shared-comments input,.iv-shared-comments textarea{background:#101217;color:#f5f3f0;border:1px solid #30343e;border-radius:8px;padding:9px}.iv-shared-comments button{padding:9px;border:0;border-radius:8px;font-weight:700}.iv-shared-loading{min-height:100vh;display:grid;place-content:center;text-align:center;background:#101217;color:#f5f3f0}.iv-shared-link{position:absolute;right:12px;bottom:10px;color:#f5f3f0;font-size:11px}
@media(max-width:1100px){.iv-studio{grid-template-columns:auto minmax(0,1fr)}.iv-inspector{position:absolute;right:31px;top:190px;bottom:30px;z-index:25;border:1px solid var(--iv-line);border-radius:12px}.iv-pages{width:220px}}
@media(max-width:760px){.iv-shell{padding:16px 12px}.iv-heading h2{font-size:34px}.iv-heading p{font-size:13px}.iv-studio{height:calc(100dvh - 235px);min-height:440px;grid-template-columns:1fr}.iv-pages{position:absolute;left:13px;top:215px;bottom:20px;z-index:22;width:min(280px,calc(100vw - 38px));border:1px solid var(--iv-line);border-radius:10px;overflow:auto}.iv-pages.collapsed{width:42px;height:43px;bottom:auto}.iv-pages.collapsed .iv-drawer-toggle{height:42px;writing-mode:initial;padding:0 12px}.iv-canvas-toolbar{padding-left:59px}.iv-canvas-toolbar small,.iv-presence,.iv-shortcuts{display:none}.iv-canvas-toolbar input{width:130px}.iv-inspector{position:absolute;inset:205px 13px 20px auto;width:min(330px,calc(100vw - 38px))}.iv-tools{top:66px}.iv-tools button{width:34px;height:34px}.iv-canvas-controls button:nth-last-child(-n+2){display:none}.iv-page-wizard{top:190px;right:13px;width:min(330px,calc(100vw - 26px))}.iv-shared-shell>header{height:70px;padding:0 14px}.iv-shared-shell h1{font-size:18px}.iv-shared-shell header p{display:none}.iv-shared-canvas{inset:70px 0 0}.iv-shared-comments{left:10px;right:10px;top:auto;bottom:10px;width:auto;max-height:45dvh}.iv-card-copy>div{font-size:18px}}
/* Drawer changes are immediate to keep canvas pointer input stable during layout changes. */
.iv-pages{transition:none}
@media(prefers-reduced-motion:reduce){.iv-pages{transition:none}}
.iv-viewport:focus-visible,.iv-card:focus-visible,.iv-frame:focus-visible,.iv-pool-list article:focus-visible{outline:2px solid var(--iv-accent);outline-offset:3px}
.iv-pool-list article[aria-disabled="true"]{cursor:not-allowed;opacity:.62}
.iv-pages,.iv-inspector,.iv-page-wizard,.iv-comment-popover{background:var(--iv-panel)}
.iv-canvas-panel{background:var(--iv-canvas)}
.iv-canvas-toolbar{background:color-mix(in srgb,var(--iv-canvas) 96%,transparent)}
.iv-inbox input,.iv-inbox select,.iv-capture,.iv-inspector input,.iv-inspector textarea,.iv-inspector select,.iv-page-wizard input{background:var(--surface-inset,var(--iv-bg));color:var(--iv-ink)}

/* Idea Studio canvas follows the Content module's spatial workspace language. */
.iv-studio{position:relative;display:block;height:min(760px,calc(100vh - 265px));min-height:520px;border:1px solid var(--border-subtle);border-radius:0;background:var(--document);overflow:hidden}
.iv-canvas-panel{position:absolute;inset:0;background:var(--iv-canvas)}
.iv-no-board{display:grid;place-items:center;text-align:center}.iv-no-board>div{max-width:420px;padding:24px}.iv-no-board h3{margin:0 0 8px;font-size:20px}.iv-no-board p{margin:0 0 18px;color:var(--content-secondary);line-height:1.55}.iv-no-board .primary{min-height:38px;padding:8px 12px;border:0;border-radius:8px;background:var(--content-primary);color:var(--surface-card);font-weight:800}
.iv-canvas-toolbar{height:64px;padding:0 22px;border-bottom:1px solid var(--border-subtle);background:var(--surface-card)}
.iv-canvas-toolbar input{width:260px;font-size:15px}.iv-canvas-toolbar small{margin-left:10px;font-size:9px}.iv-canvas-toolbar button{min-height:38px;padding:7px 12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-overlay);box-shadow:var(--elevation-control)}.iv-canvas-toolbar button:last-child{background:var(--content-primary);color:var(--surface-card)}
.iv-viewport{inset:64px 0 0;background-color:var(--iv-canvas);background-image:radial-gradient(var(--border-subtle) .8px,transparent .8px);background-size:22px 22px}.iv-viewport.pan-tool{cursor:grab}.iv-viewport.pan-tool:active{cursor:grabbing}
.iv-tools{left:22px;top:86px;gap:3px;padding:4px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-overlay);box-shadow:var(--elevation-control)}.iv-tools button{width:38px;height:38px;border-radius:6px;color:var(--content-secondary)}.iv-tools button:hover,.iv-tools button:focus-visible,.iv-tools button.active{background:var(--active);color:var(--content-primary)}.iv-tools svg{width:19px;height:19px;stroke-width:1.8}.iv-tools span{left:48px;border:1px solid var(--border-subtle);background:var(--surface-overlay);box-shadow:var(--elevation-control)}
.iv-canvas-actions{position:absolute;z-index:220;right:22px;top:86px;display:flex;gap:5px}.iv-canvas-actions button{min-height:32px;padding:4px 8px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-overlay);color:var(--content-primary);box-shadow:var(--elevation-control);font-size:11px}.iv-canvas-actions button[aria-pressed="true"]{border-color:var(--focus);background:var(--active)}
.iv-pages{position:absolute;z-index:230;left:76px;top:128px;bottom:auto;width:min(340px,calc(100% - 98px));max-height:calc(100% - 210px);overflow:auto;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-overlay);box-shadow:var(--elevation-popover)}.iv-pages.collapsed{display:none}.iv-drawer-toggle{height:42px;padding:0 12px;border-bottom:1px solid var(--border-subtle);background:transparent}.iv-inbox{padding:13px}.iv-pool-list{max-height:390px}.iv-pool-list article{border-radius:6px;background:var(--surface-raised)}
.iv-inspector{position:absolute;z-index:235;right:22px;top:128px;bottom:22px;width:min(430px,calc(100% - 110px));padding:18px;overflow:auto;border:1px solid var(--border-emphasis);border-radius:8px;background:var(--surface-overlay);box-shadow:var(--elevation-popover)}.iv-inspector.empty{bottom:auto;min-height:180px}.iv-open-inspector{right:22px;top:128px;min-height:34px;padding:6px 10px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-overlay);color:var(--content-primary);box-shadow:var(--elevation-control)}
.iv-layers{position:absolute;z-index:250;right:22px;top:128px;width:310px;max-width:calc(100% - 44px);border:1px solid var(--border-emphasis);border-radius:9px;background:var(--surface-overlay);box-shadow:var(--elevation-popover)}.iv-layers>header{min-height:44px;padding:8px 9px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px}.iv-layers>header strong{flex:1;font-size:11px}.iv-layers>header small{color:var(--content-secondary);font-size:9px}.iv-layers>header button{width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--content-secondary)}.iv-layers>div{max-height:340px;overflow:auto}.iv-layers>div>section{min-height:48px;padding:5px 7px;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px}.iv-layers>div>section.selected{background:var(--active)}.iv-layer-grip{color:var(--content-secondary)}.iv-layer-name{min-width:0;padding:4px;border:0;background:transparent;color:var(--content-primary);display:grid;grid-template-columns:3px minmax(0,1fr);align-items:center;gap:8px;text-align:left}.iv-layer-name>i{height:30px;background:var(--card-accent,var(--focus))}.iv-layer-name strong,.iv-layer-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iv-layer-name strong{font-size:10px}.iv-layer-name small{margin-top:2px;color:var(--content-secondary);font-size:8px}.iv-layer-visibility{width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--content-secondary)}.iv-layers p{padding:12px;color:var(--content-secondary);font-size:11px}
.color-violet{--card-accent:var(--focus)}
.iv-card{border:0;border-left:1px solid var(--card-accent,var(--focus));border-radius:0;background:color-mix(in srgb,var(--document) 88%,transparent);box-shadow:none}.iv-card:before{content:"";position:absolute;left:-8px;top:-8px;width:14px;height:14px;transform:rotate(45deg);background:var(--card-accent,var(--focus))}.iv-card-text:before{display:none}.iv-card.selected{outline:0;background:color-mix(in srgb,var(--card-accent,var(--focus)) 7%,var(--document));box-shadow:0 0 0 2px var(--focus)}.iv-card.connection-source,.iv-frame.connection-source{box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 65%,transparent)}.iv-card-drag{position:absolute;left:0;top:0;bottom:0;width:20px;display:grid;place-items:center;color:var(--content-secondary);font-size:11px;cursor:move}.iv-card-copy{padding:17px 16px 12px 24px}.iv-card-copy>small{display:block;color:var(--card-accent,var(--focus));font-size:9px;font-weight:850}.iv-card-copy>div{margin-top:4px;font-size:16px;line-height:1.3;font-weight:750}.iv-card-copy p{margin-top:7px;font-size:12px;line-height:1.4}.iv-card footer{padding:0 14px 11px 24px}.iv-card footer span{border:1px solid var(--border-subtle);border-radius:4px;background:var(--surface-raised)}.iv-card-image,.iv-card-video,.iv-card-audio,.iv-card-link{border:1.5px solid var(--card-accent,var(--focus));background:var(--surface-raised);box-shadow:var(--elevation-control)}.iv-card-image:before,.iv-card-video:before,.iv-card-audio:before,.iv-card-link:before{display:none}.iv-card-image .iv-card-drag,.iv-card-video .iv-card-drag,.iv-card-audio .iv-card-drag,.iv-card-link .iv-card-drag{z-index:2;width:24px;background:color-mix(in srgb,var(--surface-overlay) 82%,transparent)}.iv-card img,.iv-card video{border-radius:0;object-fit:contain;background:transparent}.iv-card audio{display:block;width:calc(100% - 32px);height:54px;margin:16px}.iv-viewport.is-panning{cursor:grabbing}
.iv-card[hidden],.iv-frame[hidden]{display:none!important}
.iv-frame{border:1px solid var(--border-emphasis);border-radius:2px;background:color-mix(in srgb,var(--card-accent,var(--focus)) 9%,transparent)}.iv-frame.selected{outline:2px solid var(--focus);outline-offset:3px}
.iv-canvas-controls{left:22px;bottom:22px;padding:3px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-overlay);box-shadow:var(--elevation-control)}.iv-canvas-controls button{min-height:38px;padding:7px 12px;border:1px solid transparent;border-radius:7px}.iv-canvas-controls button:hover,.iv-canvas-controls button:focus-visible{border-color:var(--border-subtle);background:var(--surface-raised);color:var(--content-primary)}.iv-shortcuts{right:22px;bottom:27px}.iv-selection-actions{top:128px;border-color:var(--border-emphasis);background:var(--surface-overlay);box-shadow:var(--elevation-popover)}
@media(max-width:1100px){.iv-studio{display:block}.iv-pages{left:66px}.iv-inspector{right:12px}.iv-canvas-actions{right:12px}.iv-tools{left:12px}}
@media(max-width:760px){.iv-studio{height:calc(100dvh - 235px);min-height:440px}.iv-canvas-toolbar{height:58px;padding:0 10px 0 58px}.iv-canvas-toolbar>div:last-child button:first-of-type{display:none}.iv-viewport{inset:58px 0 0}.iv-tools{top:70px}.iv-canvas-actions{top:70px}.iv-pages{left:58px;top:112px;bottom:12px;width:min(330px,calc(100% - 70px));max-height:none}.iv-inspector{inset:112px 8px 68px auto;width:min(430px,calc(100% - 16px))}.iv-layers{right:8px;top:112px;width:min(310px,calc(100% - 16px))}.iv-canvas-controls{left:8px;bottom:8px}.iv-shortcuts{display:none}.iv-canvas-toolbar input{width:125px}.iv-canvas-toolbar small,.iv-presence{display:none}}

/* Movable idea pool, canvas color and compact attached comments. */
.iv-drawer-head{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 7px 0 11px;border-bottom:1px solid var(--border-subtle);cursor:grab;user-select:none;touch-action:none}.iv-drawer-head.dragging{cursor:grabbing}.iv-drawer-head strong{flex:1;font-size:11px}.iv-drawer-grip{color:var(--content-secondary);font-size:13px;letter-spacing:-.08em}.iv-drawer-head button{width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--content-secondary);font-size:18px}.iv-drawer-head button:hover,.iv-drawer-head button:focus-visible{background:var(--surface-raised);color:var(--content-primary)}
.iv-color-tool{position:relative;border-top:1px solid var(--border-subtle)!important}.iv-color-tool i{width:18px;height:18px;border:2px solid var(--content-primary);border-radius:50%;background:var(--tool-color);box-shadow:inset 0 0 0 2px var(--surface-overlay)}.iv-color-tool:hover span,.iv-color-tool:focus-visible span{opacity:1}
.iv-color-field{grid-template-columns:44px minmax(0,1fr);align-items:center}.iv-color-field>span{grid-column:1/-1}.iv-inspector .iv-color-field input[type="color"]{width:44px;height:38px;padding:3px;cursor:pointer}.iv-color-field output{font-variant-numeric:tabular-nums;text-transform:uppercase;color:var(--content-secondary);font-size:11px}
.iv-comment-popover{z-index:260;width:280px;max-height:300px;padding:9px;border-color:var(--border-emphasis);border-radius:8px;overflow:auto;background:var(--surface-overlay);box-shadow:var(--elevation-popover)}.iv-comment-popover:before{content:"";position:absolute;left:-6px;top:18px;width:10px;height:10px;transform:rotate(45deg);border-left:1px solid var(--border-emphasis);border-bottom:1px solid var(--border-emphasis);background:var(--surface-overlay)}.iv-comment-popover>button{right:5px;top:4px;width:24px;height:24px;padding:0;border-radius:5px}.iv-comment-list{max-height:190px;overflow:auto;padding-right:20px}.iv-comment-popover article{padding:7px 0;border-bottom:1px solid var(--border-subtle)}.iv-comment-popover article header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.iv-comment-popover article strong{font-size:10px}.iv-comment-popover article time{color:var(--content-secondary);font-size:9px;font-variant-numeric:tabular-nums}.iv-comment-popover article p{margin:3px 0 0;color:var(--content-primary);font-size:11px;line-height:1.4}.iv-comment-empty{margin:4px 0 8px;color:var(--content-secondary);font-size:10px}.iv-comment-popover form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-top:7px}.iv-comment-popover form label{min-width:0}.iv-comment-popover textarea{min-height:34px;height:34px;resize:vertical;padding:8px;border-radius:6px;font-size:11px}.iv-comment-popover .primary{min-height:34px;padding:6px 9px;border-radius:6px;font-size:10px}
.iv-color-menu{position:absolute;z-index:245;left:70px;top:276px;width:218px;padding:10px;border:1px solid var(--border-emphasis);border-radius:9px;background:var(--surface-overlay);box-shadow:var(--elevation-popover)}.iv-color-menu header{display:flex;align-items:center;gap:8px;margin-bottom:9px}.iv-color-menu header strong{flex:1;font-size:10px}.iv-color-menu header button{width:24px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--content-secondary);font-size:17px}.iv-color-menu header button:hover,.iv-color-menu header button:focus-visible{background:var(--surface-raised);color:var(--content-primary)}.iv-color-options{display:flex;align-items:center;gap:6px}.iv-color-choice,.iv-custom-color,.iv-clear-color{position:relative;width:24px;height:24px;flex:0 0 24px;padding:0;border:1px solid var(--border-subtle);border-radius:50%;background:var(--surface-raised);display:grid;place-items:center;cursor:pointer}.iv-color-choice i{width:16px;height:16px;border-radius:50%;background:var(--choice)}.iv-color-choice:hover,.iv-color-choice:focus-visible,.iv-custom-color:hover,.iv-custom-color:focus-within,.iv-clear-color:hover,.iv-clear-color:focus-visible{border-color:var(--content-primary);outline:2px solid color-mix(in srgb,var(--focus) 55%,transparent);outline-offset:2px}.iv-custom-color{border-style:dashed}.iv-custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.iv-custom-color i{width:12px;height:12px;border:2px solid var(--content-primary);border-radius:3px;background:var(--focus)}.iv-remove-color{width:100%;margin-top:9px;padding:7px 8px;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--content-secondary);font-size:10px;text-align:left}.iv-remove-color:hover,.iv-remove-color:focus-visible{background:var(--surface-raised);color:var(--content-primary)}.iv-color-menu>small{display:block;margin-top:8px;color:var(--content-secondary);font-size:9px}
.iv-selection-palette{position:absolute;z-index:225;display:flex;align-items:center;gap:5px;min-height:38px;padding:6px 8px;transform:translateX(-50%);border:1px solid var(--border-emphasis);border-radius:9px;background:var(--surface-overlay);box-shadow:var(--elevation-control)}.iv-selection-palette>span{margin-right:3px;color:var(--content-secondary);font-size:9px;white-space:nowrap}.iv-selection-palette .iv-color-choice:nth-of-type(n+5){display:none}.iv-clear-color{border-radius:6px}.iv-clear-color i{position:relative;width:14px;height:14px}.iv-clear-color i:after{content:"";position:absolute;left:0;top:6px;width:14px;height:1px;transform:rotate(-45deg);background:var(--content-secondary)}
.iv-card:not(.selected){background:color-mix(in srgb,var(--card-accent,var(--focus)) 4%,var(--document))}.iv-frame{border-color:color-mix(in srgb,var(--card-accent,var(--focus)) 72%,var(--border-emphasis))}.iv-frame>strong{color:var(--card-accent,var(--focus))}
@media(max-width:760px){.iv-color-menu{left:58px;top:254px;width:min(218px,calc(100% - 70px))}.iv-selection-palette{position:fixed;left:50%!important;right:auto;top:auto!important;bottom:14px;z-index:500;max-width:calc(100vw - 24px)}.iv-selection-palette>span{display:none}}

/* Frame creation is explicit; selected frames remain aligned and color-aware. */
.iv-frame.selected{outline-color:var(--card-accent,var(--focus))}
.iv-frame-tool-menu{position:absolute;left:47px;top:41px;z-index:280;width:214px;padding:5px;border:1px solid var(--border-emphasis);border-radius:9px;background:var(--surface-overlay);box-shadow:var(--elevation-popover);display:grid;gap:3px}.iv-tools .iv-frame-tool-menu button{width:100%;height:auto;min-height:52px;padding:7px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--content-primary);display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;place-items:initial;align-items:center;column-gap:8px;text-align:left}.iv-tools .iv-frame-tool-menu button:hover,.iv-tools .iv-frame-tool-menu button:focus-visible,.iv-tools .iv-frame-tool-menu button.selected{border-color:var(--border-subtle);background:var(--surface-raised)}.iv-frame-tool-menu svg{grid-column:1;grid-row:1/3;align-self:center}.iv-frame-tool-menu b{grid-column:2;font-size:11px}.iv-frame-tool-menu small{grid-column:2;color:var(--content-secondary);font-size:9px;line-height:1.35}
.iv-connectors{z-index:900}
.iv-connectors path{stroke-linecap:round;stroke-linejoin:round}
.iv-color-menu{top:238px}
@media(max-width:760px){.iv-color-menu{top:216px}.iv-frame-tool-menu{position:fixed;left:56px;top:150px;width:min(214px,calc(100vw - 70px))}}

/* Corner-anchored connectors: large hit targets, quiet dots and rounded routes. */
.iv-connection-ports{position:absolute;inset:auto;z-index:950;pointer-events:none}.iv-connection-port{position:absolute;width:24px;height:24px;padding:0;border:0!important;border-radius:50%;background:transparent!important;pointer-events:auto;cursor:crosshair}.iv-connection-port:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border:2px solid var(--card-accent,var(--focus));border-radius:50%;background:var(--surface-overlay);box-shadow:0 2px 7px rgba(0,0,0,.28);transition:width .12s ease-out,height .12s ease-out,background-color .12s ease-out}.iv-connection-port:hover:before,.iv-connection-port:focus-visible:before{width:13px;height:13px;background:var(--card-accent,var(--focus))}.iv-connection-port:focus-visible{outline:2px solid var(--content-primary);outline-offset:1px}.iv-connection-port.active:before{width:13px;height:13px;background:var(--card-accent,var(--focus));box-shadow:0 0 0 4px color-mix(in srgb,var(--card-accent,var(--focus)) 25%,transparent),0 2px 7px rgba(0,0,0,.28)}.iv-anchor-tl{left:0;top:0;transform:translate(-50%,-50%)}.iv-anchor-tr{right:0;top:0;transform:translate(50%,-50%)}.iv-anchor-br{right:0;bottom:0;transform:translate(50%,50%)}.iv-anchor-bl{left:0;bottom:0;transform:translate(-50%,50%)}.iv-surface:has(>.iv-connection-ports) .iv-comment-trigger,.iv-surface:has(>.iv-connection-ports) .iv-resize{display:none}.iv-connectors .iv-connector{stroke:var(--card-accent,#7b6a9c);stroke-width:2.25;stroke-linecap:butt;stroke-linejoin:round;vector-effect:non-scaling-stroke}.iv-connectors marker path{fill:context-stroke}.iv-shared-world>svg{z-index:900}.iv-shared-world>svg path{stroke-linecap:butt;stroke-linejoin:round}.iv-shared-world>svg marker path{fill:context-stroke}
@media(prefers-reduced-motion:reduce){.iv-connection-port:before{transition:none}}

/* Connections are directly selectable without making the visible stroke heavy. */
.iv-connectors .iv-connector-hit{pointer-events:stroke;cursor:pointer;fill:none;stroke:transparent;stroke-width:18;vector-effect:non-scaling-stroke}.iv-connectors .iv-connector{pointer-events:none;transition:stroke-width .12s ease-out,opacity .12s ease-out}.iv-connectors .iv-connection:hover .iv-connector,.iv-connectors .iv-connection:focus-within .iv-connector{stroke-width:3}.iv-connectors .iv-connection.selected .iv-connector{stroke-width:4}.iv-connectors .iv-connector-hit:focus-visible{outline:none}
.iv-connection-actions{position:absolute;z-index:975;display:flex;align-items:center;gap:4px;min-height:38px;padding:5px;transform:translate(-50%,-50%);border:1px solid var(--border-emphasis);border-radius:8px;background:var(--surface-overlay);box-shadow:var(--elevation-popover)}.iv-connection-actions strong{padding:0 7px;color:var(--content-secondary);font-size:10px}.iv-connection-actions button{min-height:28px;padding:5px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--content-primary);font-size:10px;font-weight:700}.iv-connection-actions button:hover,.iv-connection-actions button:focus-visible{border-color:var(--border-subtle);background:var(--surface-raised)}.iv-connection-actions .danger{color:var(--danger,#e66a76)}
.iv-connection-list>header{margin-bottom:6px}.iv-connection-list>header small{color:var(--content-secondary);font-size:10px}.iv-connection-list>div{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;border-top:1px solid var(--border-subtle)}.iv-connection-list>div.selected{background:var(--active)}.iv-connection-list>div>button{min-height:34px;padding:6px 8px;border:0;background:transparent;color:var(--content-primary)}.iv-connection-list>div>button:first-child{min-width:0;display:flex;align-items:center;gap:8px;text-align:left}.iv-connection-list>div>button:first-child span{color:var(--focus);font-size:15px}.iv-connection-list>div>button:first-child b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.iv-connection-list>div>button:last-child{padding:0;color:var(--content-secondary);font-size:17px}.iv-connection-list>div>button:hover,.iv-connection-list>div>button:focus-visible{background:var(--surface-raised);color:var(--content-primary)}
@media(max-width:760px){.iv-connection-actions{position:fixed;left:50%!important;top:auto!important;bottom:14px;z-index:500;max-width:calc(100vw - 24px)}.iv-connection-actions strong{display:none}}
@media(prefers-reduced-motion:reduce){.iv-connectors .iv-connector{transition:none}}

/* Media import follows the Content module's file-linking flow without project assignment. */
.modal-backdrop:has(.iv-media-wizard){z-index:1200}
.iv-media-wizard{width:min(720px,calc(100vw - 32px));padding:28px}.iv-media-wizard h2{margin:8px 48px 8px 0;font-size:26px;letter-spacing:-.025em}.iv-media-wizard>p{margin:0 0 24px;color:var(--content-secondary);line-height:1.5}.iv-media-link{display:grid;gap:7px}.iv-media-link>span{color:var(--content-secondary);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.iv-media-link>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.iv-media-link input{min-width:0;height:46px;padding:0 13px;border:1px solid var(--border-emphasis);border-radius:9px;background:var(--surface-inset);color:var(--content-primary)}.iv-media-link input:focus{border-color:var(--focus);outline:2px solid color-mix(in srgb,var(--focus) 35%,transparent);outline-offset:1px}.iv-media-link button{min-width:126px;border-radius:9px}.iv-media-link>small{color:var(--content-secondary);font-size:10px}.iv-media-separator{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--content-secondary);font-size:10px}.iv-media-separator:before,.iv-media-separator:after{content:"";height:1px;flex:1;background:var(--border-subtle)}.iv-media-dropzone{position:relative;min-height:220px;padding:28px;border:1px dashed var(--border-emphasis);border-radius:12px;background:var(--surface-inset);display:grid;place-items:center;align-content:center;gap:8px;text-align:center;cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out,transform .16s ease-out}.iv-media-dropzone:hover,.iv-media-dropzone:focus-within,.iv-media-dropzone.drag-active{border-color:var(--focus);background:var(--active);transform:translateY(-1px)}.iv-media-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.iv-media-drop-icon{color:var(--focus);font-size:34px;line-height:1}.iv-media-dropzone strong{font-size:17px}.iv-media-dropzone small{color:var(--content-secondary);font-size:11px}.iv-media-dropzone .open-file-button{margin-top:8px}.iv-media-error{margin:12px 0 0!important;padding:9px 11px;border:1px solid color-mix(in srgb,var(--danger,#e66a76) 50%,var(--border-subtle));border-radius:8px;background:color-mix(in srgb,var(--danger,#e66a76) 10%,var(--surface-inset));color:var(--content-primary)!important;font-size:11px}
.iv-card-embed{width:100%;background:#000;overflow:hidden}.iv-card-embed iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.iv-card-audio-player{padding:16px 14px 10px 24px;background:var(--surface-inset)}.iv-card-audio-player>span{display:block;margin-bottom:8px;color:var(--content-secondary);font-size:10px}.iv-card-audio-player audio{width:100%;height:42px;margin:0}.iv-site-preview{min-height:120px;padding:18px 18px 16px 26px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent,var(--focus)) 11%,var(--surface-raised)),var(--surface-inset));display:grid;grid-template-columns:1fr auto;align-content:center;gap:5px 12px}.iv-site-preview>span{grid-column:2;grid-row:1/4;align-self:center;color:var(--card-accent,var(--focus));font-size:25px}.iv-site-preview small,.iv-site-preview strong,.iv-site-preview em,.iv-site-preview b{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iv-site-preview small{color:var(--card-accent,var(--focus));font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.iv-site-preview strong{font-size:15px}.iv-site-preview em{color:var(--content-secondary);font-size:10px;font-style:normal}.iv-site-preview b{margin-top:6px;color:var(--content-primary);font-size:10px}.iv-site-preview:hover b,.iv-site-preview:focus-visible b{text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.iv-media-wizard{padding:22px 18px}.iv-media-link>div{grid-template-columns:1fr}.iv-media-link button{min-height:42px}.iv-media-dropzone{min-height:190px;padding:22px 16px}}

/* Compact card-attached comment thread. */
.iv-comment-popover{z-index:980;width:312px;max-height:360px;padding:12px;overflow:visible;border:1px solid var(--border-emphasis);border-radius:12px;background:var(--surface-overlay);box-shadow:var(--elevation-popover)}.iv-comment-popover:before{left:-6px;top:20px;width:10px;height:10px;border-color:var(--border-emphasis);background:var(--surface-overlay)}.iv-comment-popover>button{right:7px;top:6px;width:26px;height:26px;border-radius:6px;color:var(--content-secondary)}.iv-comment-popover>button:hover,.iv-comment-popover>button:focus-visible{background:var(--surface-raised);color:var(--content-primary)}.iv-comment-heading{min-height:26px;padding:2px 32px 8px 2px;display:flex;align-items:center;gap:7px}.iv-comment-heading strong{font-size:12px}.iv-comment-heading small{min-width:18px;padding:2px 5px;border-radius:9px;background:var(--surface-raised);color:var(--content-secondary);font-size:9px;text-align:center;font-variant-numeric:tabular-nums}.iv-comment-list{max-height:210px;padding:0 2px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-emphasis) transparent}.iv-comment-popover article{padding:9px 0;border-bottom:1px solid var(--border-subtle)}.iv-comment-popover article:first-child{padding-top:4px}.iv-comment-popover article header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.iv-comment-popover article strong{font-size:10px}.iv-comment-popover article time{color:var(--content-secondary);font-size:9px;font-variant-numeric:tabular-nums}.iv-comment-popover article p{margin:4px 0 0;color:var(--content-primary);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.iv-comment-empty{margin:3px 2px 11px;color:var(--content-secondary);font-size:10px;line-height:1.45}.iv-comment-popover form{display:block;margin-top:9px}.iv-comment-composer{min-height:44px;padding:5px 5px 5px 10px;border:1px solid var(--border-emphasis);border-radius:10px;background:var(--surface-inset);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px}.iv-comment-composer:focus-within{border-color:var(--focus);outline:2px solid color-mix(in srgb,var(--focus) 28%,transparent);outline-offset:1px}.iv-comment-popover .iv-comment-composer textarea{width:100%;min-height:34px;height:34px;max-height:96px;padding:8px 0 6px;border:0;border-radius:0;resize:none;background:transparent;color:var(--content-primary);font-size:11px;line-height:1.4;caret-color:var(--focus);outline:0}.iv-comment-composer textarea::placeholder{color:var(--content-secondary);opacity:1}.iv-comment-popover .iv-comment-composer .primary{min-height:32px;padding:6px 8px;border:0;border-radius:7px;background:var(--content-primary);color:var(--surface-card);display:flex;align-items:center;gap:5px;font-size:10px}.iv-comment-composer .primary span{color:color-mix(in srgb,var(--surface-card) 68%,transparent);font-size:8px;font-weight:600}.iv-comment-composer .primary:disabled{opacity:.55;cursor:wait}.iv-comment-trigger:focus-visible{opacity:1;outline:2px solid var(--focus);outline-offset:2px}
@media(max-width:760px){.iv-comment-popover{position:fixed;left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto;max-height:min(52dvh,360px)}.iv-comment-popover:before{display:none}.iv-comment-list{max-height:min(26dvh,190px)}}

/* Media metadata stays secondary to the preview itself. */
.iv-card-image>.iv-card-copy,.iv-card-video>.iv-card-copy,.iv-card-audio>.iv-card-copy,.iv-card-link>.iv-card-copy{padding:8px 12px 7px 24px;opacity:.64;overflow:hidden}.iv-card-image>.iv-card-copy>small,.iv-card-video>.iv-card-copy>small,.iv-card-audio>.iv-card-copy>small,.iv-card-link>.iv-card-copy>small{font-size:8px}.iv-card-image>.iv-card-copy>div,.iv-card-video>.iv-card-copy>div,.iv-card-audio>.iv-card-copy>div,.iv-card-link>.iv-card-copy>div{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;font-weight:650}.iv-card-image>.iv-card-copy p,.iv-card-video>.iv-card-copy p,.iv-card-audio>.iv-card-copy p,.iv-card-link>.iv-card-copy p{display:none}

/* External presentation highlight: transient by design and never persisted. */
.iv-shared-tools{position:fixed;left:14px;top:92px;z-index:14;padding:4px;border:1px solid #30343e;border-radius:10px;background:#191c23}.iv-shared-tools button{position:relative;width:42px;height:42px;padding:0;border:0;border-radius:7px;background:transparent;color:#c2c5cd;display:grid;place-items:center}.iv-shared-tools button:hover,.iv-shared-tools button:focus-visible,.iv-shared-tools button[aria-pressed="true"]{background:#30273d;color:#f5f3f0}.iv-shared-tools svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.iv-shared-tools b{position:absolute;left:50px;padding:5px 7px;border:1px solid #30343e;border-radius:6px;background:#191c23;color:#f5f3f0;font-size:10px;opacity:0;pointer-events:none;white-space:nowrap}.iv-shared-tools button:hover b,.iv-shared-tools button:focus-visible b{opacity:1}.iv-shared-canvas.highlight-active{cursor:crosshair}.iv-shared-highlight{position:absolute;z-index:1100;min-width:2px;min-height:2px;border:3px solid #f0a84b;border-radius:16px;background:rgba(240,168,75,.08);box-shadow:0 8px 24px rgba(0,0,0,.24);pointer-events:none}.iv-shared-connector{vector-effect:non-scaling-stroke}
@media(max-width:760px){.iv-shared-tools{left:10px;top:80px}}

/* Persistent freehand strokes remain transparent until explicitly selected. */
.iv-viewport.draw-tool{cursor:crosshair}.iv-drawing{position:absolute;min-width:12px;min-height:12px;background:transparent;touch-action:none;pointer-events:none}.iv-drawing>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.iv-drawing-stroke{fill:none;stroke:var(--card-accent,var(--focus));stroke-width:var(--drawing-width,4);stroke-opacity:var(--drawing-opacity,1);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.iv-drawing-hit{fill:none;stroke:rgba(0,0,0,.001);stroke-width:calc(var(--drawing-width,4) + 12px);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:move}.iv-drawing.selected{outline:1.5px dashed var(--focus);outline-offset:5px}.iv-drawing.locked.selected:after{content:"Gesperrt";position:absolute;right:0;bottom:-24px;padding:3px 5px;border-radius:4px;background:var(--surface-overlay);color:var(--content-secondary);font-size:9px}.iv-drawing .iv-resize{pointer-events:auto}.iv-drawing.selected .iv-resize{opacity:1}.iv-drawing[hidden]{display:none!important}.iv-drawing.connection-source{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--focus) 68%,transparent))}.iv-drawing-preview{position:absolute;inset:0;z-index:1100;overflow:visible;pointer-events:none}.iv-drawing-preview path{fill:none;stroke:var(--drawing-color,var(--focus));stroke-width:var(--drawing-width,4);stroke-opacity:var(--drawing-opacity,1);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.iv-shared-drawing{pointer-events:none}
.iv-tools:has(.iv-draw-settings){z-index:285}.iv-draw-settings{position:absolute;left:47px;top:207px;z-index:1;width:236px;padding:10px;border:1px solid var(--border-emphasis);border-radius:9px;background:var(--surface-overlay);box-shadow:var(--elevation-popover);display:grid;gap:10px}.iv-tools .iv-draw-settings label{display:grid;grid-template-columns:58px minmax(0,1fr) 38px;align-items:center;gap:7px;color:var(--content-secondary);font-size:9px}.iv-tools .iv-draw-settings span{position:static;padding:0;border:0;background:transparent;color:inherit;box-shadow:none;font-size:9px;opacity:1}.iv-tools .iv-draw-settings input[type="range"]{min-width:0;width:100%;accent-color:var(--focus)}.iv-tools .iv-draw-settings output{text-align:right;color:var(--content-primary);font-size:9px;font-variant-numeric:tabular-nums}.iv-tools .iv-draw-settings .iv-draw-color{grid-template-columns:58px 30px}.iv-draw-color{position:relative}.iv-draw-color input{position:absolute;left:58px;width:30px;height:30px;opacity:0;cursor:pointer}.iv-draw-color i{width:24px;height:24px;border:2px solid var(--surface-overlay);border-radius:50%;background:var(--tool-color);box-shadow:0 0 0 1px var(--border-emphasis)}
.iv-inspector .iv-range-field{grid-template-columns:minmax(0,1fr) auto}.iv-inspector .iv-range-field span{grid-column:1}.iv-inspector .iv-range-field output{grid-column:2;grid-row:1;color:var(--content-primary);font-size:10px;font-variant-numeric:tabular-nums}.iv-inspector .iv-range-field input{grid-column:1/3;padding:0;accent-color:var(--focus)}
@media(max-width:760px){.iv-draw-settings{position:fixed;left:56px;top:300px;width:min(236px,calc(100vw - 70px))}}

/* Inbox deletion and low-zoom drawing manipulation stay direct and reliable. */
.iv-pool-list article{grid-template-columns:20px minmax(0,1fr) 32px}.iv-pool-meta{min-width:32px;display:grid;place-items:center;gap:2px}.iv-pool-meta b{min-height:12px;color:var(--iv-muted);font-size:10px}.iv-pool-meta button{width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--content-secondary);display:grid;place-items:center;opacity:0;cursor:pointer}.iv-pool-meta button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.iv-pool-list article:hover .iv-pool-meta button,.iv-pool-list article:focus-within .iv-pool-meta button,.iv-pool-meta button:focus-visible{opacity:1}.iv-pool-meta button:hover,.iv-pool-meta button:focus-visible{border-color:color-mix(in srgb,var(--danger,#e66a76) 50%,var(--border-subtle));background:color-mix(in srgb,var(--danger,#e66a76) 10%,transparent);color:var(--danger,#e66a76)}
.iv-drawing-hit{stroke-width:max(28px,calc(var(--drawing-width,4) + 18px));touch-action:none;cursor:grab}.iv-drawing-hit:active{cursor:grabbing}
.iv-drawing-bounds-hit{fill:rgba(0,0,0,.001);stroke:rgba(0,0,0,.001);stroke-width:20px;vector-effect:non-scaling-stroke;pointer-events:all;touch-action:none;cursor:grab}.iv-drawing-bounds-hit:active{cursor:grabbing}
@media(hover:none){.iv-pool-meta button{opacity:1}}