/*!
Theme Name: Digital Interactive — Boilerplate
Theme URI: http://digitalinteractive.app
Author: Digital Interactive (Jeff Williams, Braden Witherwax)
Author URI: http://digitalinteractive.app
Description: Digital Interactive\'s Wordpress boilerplate. Keep creating awesome!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: DI
Tags:

This theme, like WordPress, is licensed under the GPL.

digitalinteractive is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/:root{--bg:#0f1115;--panel:#161a21;--muted:#94a3b8;--text:#e5e7eb;--accent:#7c3aed;--accent-2:#22c55e;--danger:#ef4444;--warn:#f59e0b;--line:#262b36;--chip:#1e2430;--shadow:0 10px 30px rgba(0,0,0,.35);--mark-blue:#135aa6;--mark-yellow:#464700;--mark-red:#41151a;--mark-black:#030405;--sb-size:8px;--sb-track:#0b0f15;--sb-thumb:#253042;--sb-thumb-hover:#2f3d54;--sb-thumb-active:#3a4b66}*{box-sizing:border-box}body,html{height:100%}body{background:linear-gradient(180deg,#0e1014,#0b0d11 70%);color:var(--text);font-family:Inter,system-ui,apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}.app{display:grid;grid-template-columns:380px 1fr;height:100vh}.panel{background:var(--panel);border-right:1px solid var(--line);overflow:auto;padding:18px 16px}.panel h1{font-size:20px;font-weight:700;letter-spacing:.2px;margin:6px 0 12px}.panel h2{color:#aab0bd;font-size:13px;font-weight:700;letter-spacing:.12em;margin:18px 0 8px;text-transform:uppercase}.panel .sub{color:var(--muted);font-size:12px;line-height:1.4}.panel ul.sub{padding-left:25px}.panel .sub li{margin-bottom:7px}.row{align-items:center;gap:8px}.row,.stack{display:flex}.stack{flex-direction:column;gap:6px}label{color:#c9ced9;font-size:12px}.btn,.seg,input[type=text],select{background:#0f131c;border:1px solid #222634;border-radius:10px;color:var(--text)}input[type=text],select{padding:10px 12px;width:100%}.btn{background:#111624;cursor:pointer;padding:10px 12px;transition:transform .02s ease,background .2s}.btn:hover{background:#121a2b}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#3f2aff,#7c3aed);border:none;box-shadow:var(--shadow)}.btn.warn{background:#1f1403;border-color:#2a1c06;color:#ffcd75}.btn.danger{background:#1c0a0a;border-color:#2a0f0f;color:#ff9b9b}.seg{display:flex;overflow:hidden}.seg input{display:none}.seg label{color:#9aa3b3;cursor:pointer;flex:1;margin:0;padding:10px 0;text-align:center;user-select:none}.seg input:checked+label{background:#1b2230;color:#cfe7ff}.grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.hint{color:#9da7bb;font-size:12px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}hr{border:0;border-top:1px solid var(--line);margin:14px 0}#cy{inset:0;position:absolute}.canvas{position:relative}.floatbar{display:flex;gap:8px;position:absolute;right:14px;top:14px;z-index:10}.pill{align-items:center;background:var(--chip);border:1px solid #273142;border-radius:999px;color:#cfd7e4;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.kbd{background:#0d1017;border:1px solid #2c3446;border-radius:6px;color:#c7d2fe;font-size:11px;padding:1px 6px}.footer{bottom:8px;color:#9fb0cc;display:flex;font-size:12px;gap:8px;opacity:.9;position:absolute;right:8px}a.inline{color:#c9d5ff}.kb-nav .opt-item:hover{background:transparent;border-color:transparent}.kb-nav .opt-item.exists:hover{background:transparent}.lightbox{align-items:center;background:rgba(0,0,0,.82);display:none;inset:0;justify-content:center;position:fixed;z-index:1000}.lightbox.show{display:flex}.lightbox img{border-radius:14px;box-shadow:var(--shadow);display:block;margin:0 auto;max-height:80%;max-width:80%}.lightbox .close{background:#111624;border:1px solid #222634;border-radius:999px;color:#c9d5ff;cursor:pointer;display:grid;height:36px;place-items:center;position:absolute;right:-12px;top:-12px;width:36px}.lightbox .meta{color:#cfd7e4;font-size:13px;margin-top:10px;text-align:center}.opt-panel{background:#0f131c;border:1px solid #222634;border-radius:12px;display:none;margin-top:8px}.opt-panel.open{display:block}.opt-head{align-items:center;border-bottom:1px solid #222634;display:flex;gap:8px;padding:10px}.opt-head .tag{background:#141a24;border:1px solid #222634;border-radius:999px;color:#9aa3b3;font-size:12px;padding:2px 8px}#optSearch{background:#0d1118;border:1px solid #222634;border-radius:8px;color:#e5e7eb;padding:8px 10px;width:100%}.opt-list{max-height:260px;overflow:auto;padding:4px}.opt-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;gap:8px;padding:8px 10px;text-align:left;width:100%}.opt-item.active,.opt-item:hover{background:#141a24;border-color:#273142}.opt-empty{color:#9aa3b3;font-size:13px;padding:12px}.opt-item.exists{background:#141a24}.opt-item.exists:hover{background:#162030}.opt-item .tag-mini{background:#111826;border:1px solid #222634;border-radius:999px;color:#9aa3b3;font-size:11px;margin-left:auto;padding:1px 6px}.ctxmenu{background:#0f131c;border:1px solid #222634;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.35);display:none;min-width:180px;padding:6px;position:absolute;z-index:200}.ctxmenu.open{display:block}.ctxitem{align-items:center;background:transparent;border:0;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;gap:8px;padding:8px 10px;text-align:left;width:100%}.ctxitem:hover{background:#141a24}.ctxitem.disabled{cursor:default;opacity:.5;pointer-events:none}.ctxsep{background:#222634;border-radius:1px;height:1px;margin:6px 4px}.ctxitem.has-sub{position:relative}.ctxitem.has-sub:after{color:#9aa3b3;content:"▶";font-size:11px;margin-left:auto}.ctxsubmenu{background:#0f131c;border:1px solid #222634;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.35);display:none;left:100%;margin-left:-8px;min-width:150px;padding:6px;position:absolute;top:6px}.ctxmenu.open .ctxitem.has-sub:hover+.ctxsubmenu,.ctxmenu.open .ctxsubmenu:hover{display:block}.ctxmenu.flip-left .ctxsubmenu{left:auto;margin-left:0;margin-right:-8px;right:100%}.ctxdot{border-radius:999px;display:inline-block;height:10px;width:10px}.dot-blue{background:#3b82f6}.dot-yellow{background:#f59e0b}.dot-red{background:#ef4444}.dot-black{background:#111827;border:1px solid #1f2937}.dot-none{background:transparent;border:1px dashed #374151}.ctxmenu.sub-open .ctxsubmenu{display:block}.ctxitem.danger{color:#ff9b9b}.ctxitem.danger:hover{background:#1c0a0a}.tier-faint{color:#9aa3b3;font-size:12px;margin-left:8px;opacity:.55}*{scrollbar-color:var(--sb-thumb) transparent;scrollbar-width:thin}.lightbox .wrap,.opt-list,.panel,body{scrollbar-color:var(--sb-thumb) var(--sb-track)}::-webkit-scrollbar{height:var(--sb-size);width:var(--sb-size)}::-webkit-scrollbar-track{background:var(--sb-track)}::-webkit-scrollbar-thumb{background:var(--sb-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--sb-thumb-active)}::-webkit-scrollbar-corner{background:var(--sb-track)}.opt-list{padding-right:2px}.opt-list,.panel{scrollbar-gutter:stable}@media screen and (max-width:850px){.app{display:block}#panel{bottom:0;height:30vh;position:absolute;top:inherit;width:100vw}main.canvas{height:70vh;width:100vw}}#notesModal .wrap{max-width:80vw;width:650px}#notesModal .notes-wrap{background:#171515;border-radius:5px;margin-top:10px;padding:15px}#notesModal #notesEditBtn{transform:translateX(-20px)}.notes-head{align-items:center;border-bottom:1px solid #222634;display:flex;gap:8px;padding:10px}.notes-head .tag{background:#141a24;border:1px solid #222634;border-radius:999px;color:#9aa3b3;font-size:12px;padding:2px 8px}.notes-actions{display:flex;gap:8px;margin-left:auto}.notes-wrap{max-height:60vh;overflow:auto;padding:10px}.notes-read{color:#e5e7eb;font-size:14px;opacity:.95;white-space:pre-wrap}.notes-edit{background:#0f131c;border:1px solid #222634;border-radius:10px;color:#e5e7eb;min-height:240px;padding:10px;resize:vertical;width:100%}