[hidden]{display:none!important}.page-navigation{gap:4px;margin-left:28px;margin-right:auto;display:flex}.page-navigation a{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:8px 12px;font-size:12px;text-decoration:none}.page-navigation a[aria-current]{color:#e7e9ff;background:#5e6ad21c;border-color:#5e6ad250}.builder-layout{grid-template-columns:240px minmax(0,1fr);height:calc(100vh - 56px);display:grid}.builder-layout button:disabled{opacity:.45;cursor:not-allowed}.builder-layout .primary-button,.builder-layout .secondary-button{justify-content:center;align-items:center;gap:7px;min-height:34px;display:inline-flex}.builder-layout input,.builder-layout select,.builder-layout textarea,.builder-dialog input,.builder-dialog select,.builder-dialog textarea{border:1px solid var(--border);color:#f4f5f8;width:100%;min-width:0;font:inherit;background:#141518;border-radius:5px;padding:9px 10px;font-size:12px}.builder-layout textarea{box-sizing:border-box;resize:none;line-height:1.6;overflow-y:hidden}.builder-layout input:focus-visible,.builder-layout select:focus-visible,.builder-layout textarea:focus-visible,.builder-dialog input:focus-visible,.builder-dialog select:focus-visible{outline-offset:2px;outline:2px solid #939cf1}.comp-library{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;gap:16px;min-height:0;padding:24px 16px 16px;display:flex}.library-heading{align-items:center;gap:8px;display:flex}.library-heading>svg{color:#a4aaf0}.library-heading h2{margin:0;font-size:14px;font-weight:600}.library-heading>span{background:var(--surface);color:var(--muted);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px}.wide-button{width:100%}.builder-search{border:1px solid var(--border);color:var(--muted);background:#141518;border-radius:5px;align-items:center;gap:4px;padding-left:9px;display:flex}.builder-search input{background:0 0;border:0}.builder-search>svg{flex-shrink:0}.library-list{flex-direction:column;flex:1;gap:10px;min-height:0;margin-inline-end:-12px;padding-inline-end:12px;display:flex;overflow-y:auto}.saved-comp{border:1px solid var(--border);background:#141518;border-radius:7px}.saved-comp.selected{background:#5e6ad210;border-color:#737ddd}.load-comp{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.load-comp>strong{overflow-wrap:anywhere;font-size:12px}.saved-comp-meta{color:var(--muted);font-size:10px}.saved-portraits{gap:4px;display:flex}.saved-portraits>*{object-fit:cover;background:#25262b;border-radius:4px;width:25px;min-width:0;height:25px}.saved-comp-actions{gap:10px;padding:0 12px 10px;display:flex}.saved-comp-actions button{color:#aaaec0;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.saved-comp-actions button:last-child{margin-left:auto}.saved-comp-actions button:hover{color:#fff}.library-empty{text-align:center;color:var(--muted);padding:26px 6px}.library-empty svg{opacity:.45}.library-empty p{color:#c4c7d0;font-size:12px}.library-empty small{font-size:11px;line-height:1.7}.library-footer{border-top:1px solid var(--border);padding-top:16px}.library-file-actions{gap:8px;display:flex}.library-file-actions>button{flex:1;padding-inline:6px}.library-footer p{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.6}.builder-workspace{min-width:0;padding:28px clamp(18px,3vw,48px) 48px;overflow-y:auto}.builder-heading{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.eyebrow{color:#9a9fdb;text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:9px;font-weight:650}.builder-heading h1{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:650}.builder-heading>div>p:last-child{color:var(--muted);margin:7px 0 0;font-size:12px}.builder-card{border:1px solid var(--border);background:var(--panel);border-radius:8px;max-width:1200px;margin:0 auto 18px;padding:20px}.builder-card h2{margin:0;font-size:15px;font-weight:600}.save-status{color:#a3a6b7;max-width:1200px;min-height:16px;margin:16px auto 9px;font-size:11px}.comp-name-row{align-items:flex-end;gap:10px;display:flex}.comp-name-row>label{flex:1}.comp-name-row .status-tag{align-items:center;min-height:34px;padding:0 12px;font-size:12px;display:inline-flex}.comp-settings label,.dialog-form label{color:#aeb2be;gap:7px;font-size:11px;display:grid}.settings-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.65fr);gap:14px;margin-top:18px;display:grid}.status-tag{color:#aeb3c2;white-space:nowrap;background:#202228;border:1px solid #31343e;border-radius:4px;flex-shrink:0;padding:4px 7px;font-size:10px;display:inline-block}.status-conflict{color:#ffb9b9;background:#321e23;border-color:#623b43}.status-ready{color:#a9d8c1;background:#1a2c25;border-color:#304d40}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted-copy{color:var(--muted);font-size:11px;line-height:1.6}.draft-timeline{gap:14px;margin:18px 0 6px;display:grid}.draft-team-row{min-width:0}.draft-team-heading{align-items:center;gap:8px;margin:0 0 8px;font-size:11px;font-weight:600;display:flex}.draft-team-steps{scrollbar-width:thin;gap:8px;margin:0;padding:0 0 10px;list-style:none;display:flex;overflow-x:auto}.draft-step{flex:1 0 144px;min-width:144px;position:relative}.draft-step[data-action=ban]{--draft-accent:#e28a78;--draft-border:#744f49;--draft-tint:#30201e}.draft-step[data-action=save]{--draft-accent:var(--accent);--draft-border:#414976;--draft-tint:#202338}.step-number{color:var(--draft-accent);margin-bottom:0;font-size:10px;display:block}.draft-step-choice{flex-direction:column;align-items:center;gap:8px;display:flex}.draft-portrait{border:2px solid var(--draft-accent);background:var(--draft-tint);border-radius:4px;flex-shrink:0;width:44px;height:44px;position:relative}.draft-portrait>img,.draft-placeholder{border-radius:2px;width:100%;height:100%;display:block}.draft-placeholder{color:var(--draft-accent);place-items:center;display:grid}.draft-step[data-action=ban] .draft-portrait.has-hero:after{content:"";pointer-events:none;background:#e28a78bf;width:52px;height:3px;position:absolute;top:19px;left:-6px;transform:rotate(-45deg)}.draft-action-badge{color:#121316;background:var(--draft-accent);z-index:1;border:2px solid #121316;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-7px;right:-7px}.draft-step-choice>span:last-child{gap:4px;display:grid}.draft-step-choice strong{max-width:140px;font-size:11px;font-weight:500}.draft-slot-button{text-align:center;border:1px dashed var(--draft-border);width:100%;height:100%;min-height:132px;color:inherit;cursor:pointer;background:#121316;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;transition:border-color .12s,background-color .12s;display:flex}.draft-step.done .draft-slot-button{border-style:solid}.draft-step .draft-slot-button:hover{border-color:var(--draft-accent);background:var(--draft-tint)}.draft-slot-button:focus-visible{outline:2px solid var(--draft-accent);outline-offset:-3px;background:var(--draft-tint)}.draft-clear{position:absolute;top:6px;right:6px}.draft-controls{flex-wrap:wrap;gap:8px;display:flex}.team-editor h2{align-items:center;gap:8px;display:flex}.team-editor-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.team-editor h2>small{color:var(--muted);font-size:11px;font-weight:400}.team-dot{background:var(--team-color);border-radius:100%;width:7px;height:7px}.team-editor[data-team=ally],.draft-team-row[data-team=ally],.draft-step-choice[data-team=ally]{--team-color:#8c9ef1}.team-editor[data-team=enemy],.draft-team-row[data-team=enemy],.draft-step-choice[data-team=enemy]{--team-color:#ef8992}.role-counts{min-height:15px;color:var(--muted);margin:9px 0 16px;font-size:10px}.comp-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.comp-slot{border:1px solid var(--border);background:#141518;border-radius:6px;min-width:0;padding:12px;position:relative}.slot-select{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 12px 0 0;display:flex}.slot-select img,.empty-slot-number{border-radius:5px;flex-shrink:0;width:40px;height:40px}.empty-slot-number{color:#676c7c;border:1px dashed #41444f;place-items:center;font-size:14px;display:grid}.slot-select>span:last-child{gap:5px;min-width:0;display:grid}.slot-select strong{font-size:11px;font-weight:550}.slot-select small{color:var(--muted);font-size:9px}.comp-slot textarea{background:#0f1012;min-height:48px;margin-top:10px;padding:6px 8px;font-size:10px}.comp-slot .deadpool-role{margin-top:10px;padding:6px;font-size:11px}.icon-button{color:#979cab;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:4px;display:inline-grid}.icon-button:hover{color:#fff;background:#ffffff10}.slot-remove{position:absolute;top:5px;right:5px}.has-conflict{border-color:#a3515b}.conflict-copy{color:#f1a3ac;margin-top:8px;font-size:10px;display:block}.comp-notes textarea{width:100%}.rules-reference{max-width:1200px;color:var(--muted);margin:0 auto;font-size:11px;line-height:1.7}.rules-reference summary{cursor:pointer}.rules-reference a{color:#a6acf0}.builder-error{color:#f8b7c0;background:#361d2466;border:1px solid #713c46;border-radius:6px;max-width:1200px;margin:14px auto;padding:12px 14px;font-size:12px;line-height:1.6}.builder-error p{margin-top:0}.builder-dialog{color:#f4f5f8;background:#101114;border:1px solid #3b3e4b;border-radius:10px;width:min(780px,100vw - 32px);max-height:calc(100dvh - 48px);padding:24px;overflow-y:auto;box-shadow:0 24px 100px #000a}.builder-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030407cc}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dialog-heading h2{margin:0;font-size:17px}.dialog-form{gap:20px;display:grid}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.builder-dialog button:disabled{opacity:.45;cursor:not-allowed}.role-filters{flex-wrap:wrap;gap:6px;margin:14px 0 18px;display:flex}.role-filters button{border:1px solid var(--border);color:#a7acba;cursor:pointer;background:0 0;border-radius:5px;padding:6px 10px;font-size:11px}.role-filters button[aria-pressed=true]{color:#dce0ff;background:#5e6ad22a;border-color:#6f7adb}.hero-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.hero-choice{cursor:pointer;text-align:center;background:#181a20;border:1px solid #2a2c34;border-radius:6px;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;display:flex}.hero-choice:hover:not(:disabled){background:#5e6ad226;border-color:#8c98ff}.hero-choice img{border-radius:6px;width:48px;height:48px}.hero-choice strong{font-size:11px;font-weight:550}.hero-choice small{color:#9fa5b6;font-size:9px}.empty-copy{color:var(--muted);text-align:center;font-size:12px}@media (width>=1600px){.comp-slots{grid-template-columns:repeat(6,minmax(0,1fr))}.slot-select{flex-direction:column;align-items:flex-start}}@media (width<=1100px){.builder-layout{grid-template-columns:210px minmax(0,1fr)}.builder-workspace{padding:24px 20px 40px}.builder-heading{flex-direction:column;align-items:flex-start}.comp-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr 1fr}.comp-name-row{flex-wrap:wrap}.comp-name-row>label{min-width:180px}}@media (width<=760px){.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:56px;padding-block:10px}.page-navigation{margin-left:auto;margin-right:0}.page-navigation a{padding:7px;font-size:11px}.header-actions{margin-left:auto}.builder-layout{flex-direction:column;height:auto;display:flex}.comp-library{border-top:1px solid var(--border);border-right:0;order:2}.library-list{max-height:420px}.builder-workspace{padding:22px 12px 28px;overflow:visible}.builder-card{padding:16px}.settings-grid{grid-template-columns:1fr}.builder-heading h1{font-size:22px}.comp-name-row>label{flex-basis:100%}.comp-name-row .status-tag{margin-right:auto}.comp-slots{gap:8px}.comp-slot{padding:10px}.slot-select{flex-direction:column;align-items:flex-start;gap:8px}.hero-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-dialog{padding:18px}}@media (width<=370px){.page-navigation{width:100%;margin:0}.hero-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.builder-heading-actions{flex-wrap:wrap;gap:8px;display:flex}:root{color:#f4f5f8;font-synthesis:none;--background:#08090a;--panel:#0f1011;--surface:#17181a;--surface-hover:#1c1d20;--border:#28292d;--muted:#8a8f98;--accent:#5e6ad2;--blue:#6872d9;--red:#df6670;--objective:#8a8f98;background:#08090a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;height:100%}body{background:var(--background);min-width:320px;height:100%;min-height:100vh;margin:0;overflow:hidden}button{color:inherit;font:inherit}button:focus-visible,.page-navigation a:focus-visible{outline-offset:2px;outline:2px solid #fff}.app-shell{height:100vh;overflow:hidden}.topbar{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.title-group{align-items:baseline;gap:10px;display:flex}.title-group strong{font-size:15px;font-weight:650}.title-group span{color:var(--muted);font-size:13px}.header-actions{gap:8px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:1px solid var(--border);border-radius:5px;min-height:32px;padding:0 12px;font-size:12px}.primary-button{color:#fff;background:var(--accent);border-color:var(--accent)}.secondary-button{background:0 0}.header-actions .history-button{place-items:center;width:32px;padding:0;display:grid}.primary-button:hover{background:#6c76df}.secondary-button:hover:not(:disabled){background:var(--surface)}.secondary-button:disabled{opacity:.4;cursor:default}.app-main{grid-template-columns:224px minmax(0,1fr);height:calc(100vh - 56px);min-height:0;display:grid}.hero-panel{background:var(--panel);border-right:1px solid var(--border);min-height:0;padding:0 14px 20px;overflow-y:auto}.hero-panel-header{z-index:1;background:var(--panel);margin:0 -14px;padding:20px 14px 0;display:flow-root;position:sticky;top:0}.sidebar-heading{padding:0 4px}.sidebar-heading h2{margin:0;font-size:14px;font-weight:650}.sidebar-heading p{color:var(--muted);margin:7px 0 16px;font-size:11px;line-height:1.45}.team-picker{border:1px solid var(--border);background:#0a0b0c;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:3px;display:grid}.team-option.blue,.hero-row[data-team=ally]{--team-color:var(--blue);--team-text:#a8b2ff}.team-option.red,.hero-row[data-team=enemy]{--team-color:var(--red);--team-text:#ffabb3}.team-option{min-width:0;min-height:30px;color:var(--team-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.team-option span{min-width:17px;color:var(--team-text);background:color-mix(in srgb, var(--team-color) 20%, var(--panel));text-align:center;border-radius:8px;padding:1px 4px;font-size:9px}.team-option.active{background:color-mix(in srgb, var(--team-color) 24%, var(--panel));border-color:var(--team-color)}.team-option:hover{background:color-mix(in srgb, var(--team-color) 16%, var(--panel))}.hero-search{border:1px solid var(--border);background:#0a0b0c;border-radius:5px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:7px;height:34px;margin-bottom:12px;padding:0 9px;display:grid}.hero-search:focus-within{border-color:#626875;outline:1px solid #626875}.hero-search svg{fill:none;width:14px;height:14px;stroke:var(--muted);stroke-linecap:round;stroke-width:1.5px}.hero-search input{color:#f4f5f8;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:11px}.hero-search input::placeholder{color:#727780}.hero-search input::-webkit-search-cancel-button{display:none}.hero-search button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:3px 0 3px 5px;font-size:9px}.hero-search button:hover{color:#f4f5f8}.hero-list{gap:3px;display:grid}.hero-role-divider{border:0;border-top:1px solid var(--border);grid-column:1/-1;margin:8px 7px}.hero-empty{color:var(--muted);text-align:center;margin:24px 8px;font-size:11px;line-height:1.5}.hero-row{text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-width:0;min-height:43px;padding:5px 7px;display:grid}.hero-row:active{cursor:grabbing}.hero-avatar{background:#1d1e21;border-radius:3px;width:30px;height:30px;overflow:hidden}.hero-avatar img{object-fit:cover;width:100%;height:100%;display:block}.hero-name{gap:2px;min-width:0;display:grid}.hero-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.hero-name small{color:var(--muted);font-size:9px}.row-action{min-width:32px;min-height:32px;color:var(--team-text);background:color-mix(in srgb, var(--team-color) 14%, var(--panel));border:1px solid var(--team-color);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;display:flex}.board-panel{flex-direction:column;min-width:0;height:100%;min-height:0;padding:24px clamp(18px,4vw,56px) 32px;display:flex}.board-heading{flex:none;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:12px;display:flex}.board-heading h1{margin:0;font-size:20px;font-weight:650}.board-heading p{color:var(--muted);margin:3px 0 0;font-size:11px}.map-title{min-width:0}.map-title h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-heading-actions{align-items:flex-end;gap:18px;display:flex}.map-picker{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:4px;font-size:9px;display:grid}.map-picker select{color:#f4f5f8;background:var(--surface);border:1px solid var(--border);max-width:min(34vw,360px);min-height:30px;font:inherit;text-transform:none;letter-spacing:normal;cursor:pointer;border-radius:5px;padding:0 28px 0 9px;font-size:10px}.map-picker select:focus-visible{outline-offset:2px;outline:2px solid #fff}.selection-team{border-radius:50%;width:7px;height:7px;display:inline-block}.blue-team{background:var(--blue)}.red-team{background:var(--red)}.objective-dot{background:var(--objective)}.board-shell{border:1px solid var(--border);background:#111214;border-radius:6px 6px 0 0;flex:0 auto;justify-content:center;align-items:center;min-height:0;transition:border-color .12s,box-shadow .12s;display:flex;overflow:hidden}.board-shell.drop-ready{border-color:#7882e8;box-shadow:inset 0 0 0 2px #6872d94d}.stage-host{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.stage-host canvas{display:block}.board-toolbar{background:var(--panel);border:1px solid var(--border);border-top:0;border-radius:0 0 6px 6px;flex:none;grid-template-rows:auto 28px;grid-template-columns:minmax(0,1fr);align-items:stretch;min-height:48px;display:grid}.selection-summary{grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 11px;display:grid}.selection-name{align-items:baseline;gap:8px;min-width:0;display:flex}.selection-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.selection-name span,.coordinates{color:var(--muted);font-size:10px}.coordinates{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.board-help{min-width:0;color:var(--muted);align-items:center;margin:0;padding:0 12px;font-size:10px;display:flex}.token-context-menu{z-index:20;background:#17181a;border:1px solid #37383d;border-radius:6px;min-width:160px;padding:4px;position:fixed;box-shadow:0 10px 30px #00000073}.token-context-menu button{color:#f18b92;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;font-size:11px;display:flex}.token-context-menu button:hover{background:#df66701f}.token-context-menu svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:15px;height:15px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){body{height:auto;overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.app-main{flex-direction:column;height:auto;display:flex}.board-panel{order:1;height:auto;padding:18px 12px 24px;display:block}.hero-panel{border-top:1px solid var(--border);border-right:0;order:2;overflow:visible}.hero-list{grid-template-columns:repeat(2,minmax(0,1fr))}.board-shell{display:block}.stage-host{height:auto;display:block}.selection-name span,.coordinates{display:none}}@media (width<=460px){.topbar{padding:0 8px}.header-actions{gap:4px}.header-actions button{padding:0 8px}.title-group span{display:none}.board-heading-actions{gap:0}.map-picker select{max-width:42vw}.hero-list{grid-template-columns:1fr}}.icon-size-control{flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-size:11px;display:flex}.icon-size-control input{width:140px;min-width:60px;max-width:100%;accent-color:var(--accent)}.icon-size-control input:focus-visible{outline-offset:4px;outline:2px solid #7882e8}.drawing-tools{background:var(--panel);border:1px solid var(--border);flex:none;padding:8px}.drawing-actions,.note-editor{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.drawing-actions button{text-overflow:ellipsis;max-width:220px;padding:5px 8px;overflow:hidden}.drawing-actions button[aria-pressed=true]{color:#ffd166;border-color:#ffd166}.drawing-actions label{align-items:center;gap:6px;display:flex}.drawing-help{color:var(--muted);margin:6px 0 0;font-size:12px}.note-editor textarea{width:200px;height:48px}.drawing-tools{font-size:12px}.drawing-actions button{background:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:4px}.drawing-actions button:hover:not(:disabled){background:var(--surface-hover)}.drawing-actions button:disabled{color:var(--muted);cursor:default}.note-editor textarea{color:inherit;background:var(--surface);border:1px solid var(--border);font:inherit;border-radius:4px;padding:5px}.drawing-tools{position:relative}.drawing-add-placeholder{visibility:hidden}.drawing-help{line-height:18px;display:grid}.drawing-details{z-index:2;background:var(--panel);border:1px solid var(--border);border-radius:0 0 5px 5px;width:min(260px,100%);max-height:260px;padding:8px;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 4px 12px #0006}.drawing-details[hidden]{display:none}.drawing-details label{flex-wrap:wrap;max-width:100%}.drawing-details textarea{resize:vertical;max-width:100%}.drawing-help span{grid-area:1/1}.drawing-color-trigger{align-items:center;gap:8px;display:flex}.drawing-color-preview{border:1px solid #ffffff40;border-radius:3px;flex:0 0 18px;width:18px;height:18px;display:block}.drawing-color-popover{z-index:4;color:#f4f5f8;background:var(--panel);border:1px solid var(--border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px;width:min(240px,100% - 16px);padding:12px;position:absolute;top:100%;left:8px;box-shadow:0 8px 24px #00000080}.drawing-color-palette{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px;display:grid}.drawing-actions .drawing-color-swatch{padding:4px}.drawing-color-swatch span{border-radius:2px;height:24px;display:block}.drawing-actions .drawing-color-swatch[aria-pressed=true]{border-color:#f4f5f8;box-shadow:0 0 0 1px #f4f5f8}.drawing-color-popover label{white-space:nowrap}.drawing-color-popover input{width:100%;min-width:0;color:inherit;background:var(--surface);border:1px solid var(--border);font:inherit;border-radius:4px;padding:6px 8px}.drawing-color-popover input[aria-invalid=true]{border-color:var(--red)}.drawing-color-footer{align-items:center;gap:6px;margin-top:12px;display:flex}.drawing-color-footer .drawing-color-preview{margin-right:auto}