.mit-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.mit-small{font-size:13px;color:#8492a6}
.mit-empty{padding:28px;border:1px dashed rgba(99,230,255,.25);border-radius:14px;color:#7d8ea4;text-align:center}
.mit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mit-card{overflow:hidden;border:1px solid rgba(133,167,210,.18);border-radius:16px;background:#0d131d}
.mit-thumb{aspect-ratio:16/10;overflow:hidden;background:#090d13}.mit-thumb img{width:100%;height:100%;object-fit:cover}
.mit-card-body{padding:20px}.mit-card-body h3{margin:0 0 8px}.mit-card-body p{margin:0;color:#8f9db0}

.mit-form{display:grid;gap:16px;padding:26px;border:1px solid rgba(133,167,210,.18);border-radius:16px;background:#0d131d}
.mit-form label{font-weight:700}.mit-form input[type=text],.mit-form input[type=email],.mit-form textarea{width:100%;border:1px solid #2a394d;background:#090d13;color:white;border-radius:9px;padding:11px 13px}.mit-submit{border:0;background:#4f8cff;color:white;border-radius:9px;padding:12px 22px;font-weight:750;cursor:pointer}.mit-notice{padding:12px 15px;border-radius:10px;margin-bottom:18px}.mit-notice-success{background:rgba(72,201,176,.12);border:1px solid rgba(72,201,176,.35);color:#9cf0df}.mit-notice-error{background:rgba(255,95,95,.11);border:1px solid rgba(255,95,95,.3);color:#ffb0b0}

/* Drawing board v5 */
.mit-board-wrap{max-width:1080px;margin:0 auto 56px}
.mit-board-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin:0 0 22px}
.mit-board-kicker{display:block;margin-bottom:8px;color:#49a1ff;font-size:11px;font-weight:800;letter-spacing:.18em}
.mit-board-title{margin:0!important;color:#f6f8fb;font-size:clamp(26px,3.2vw,40px);line-height:1.12}
.mit-board-desc{max-width:470px;margin:0;color:#7f8da1;font-size:14px;line-height:1.75;text-align:right}
.mit-board-stage{position:relative;padding-top:34px}
.mit-board-toolbar{position:absolute;z-index:4;left:28px;top:0;display:flex;align-items:center;gap:10px;min-height:66px;padding:0 14px;border:1px solid rgba(91,161,255,.38);border-radius:16px;background:rgba(11,18,29,.96);box-shadow:0 12px 34px rgba(0,0,0,.32),0 0 28px rgba(47,126,255,.08);backdrop-filter:blur(14px)}
.mit-tool-btn{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:10px;background:transparent;color:#72b5ff;cursor:pointer;transition:.2s ease}.mit-tool-btn:hover,.mit-tool-btn.is-active{background:rgba(79,140,255,.15);color:#b4dcff;box-shadow:inset 0 0 0 1px rgba(79,140,255,.22)}
.mit-tool-btn svg,.mit-btn-primary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mit-tool-divider{width:1px;height:24px;background:rgba(148,163,184,.2)}
.mit-brush-size{display:flex;align-items:center;gap:8px;color:#8da0b8}.mit-brush-size input[type=range]{width:116px;accent-color:#4f8cff;cursor:pointer}.mit-brush-size output{min-width:22px;color:#8ea3bc;font-size:12px;text-align:right}.mit-dot{display:inline-block;border-radius:50%;background:#70b2ff}.mit-dot-sm{width:4px;height:4px}.mit-dot-lg{width:11px;height:11px}
.mit-palette{display:flex;align-items:center;gap:6px}.mit-swatch{width:20px;height:20px;padding:0;border-radius:50%;border:2px solid transparent;background:var(--swatch);cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.mit-swatch.is-selected{border-color:#fff;box-shadow:0 0 0 2px rgba(79,140,255,.58)}
.mit-color-picker{position:relative;display:grid;place-items:center;width:32px;height:32px;cursor:pointer}.mit-color-picker input[type=color]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.mit-color-ring{display:block;width:23px;height:23px;border-radius:50%;background:conic-gradient(#ff5d7d,#ffc857,#65db80,#52c7ff,#7a78ff,#e66cff,#ff5d7d);box-shadow:inset 0 0 0 5px #101827,0 0 0 1px rgba(255,255,255,.08)}
.mit-canvas-frame{position:relative;overflow:hidden;border:1px solid rgba(91,161,255,.34);border-radius:20px 20px 0 0;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.26),0 0 48px rgba(49,133,255,.05)}.mit-canvas-frame:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.mit-canvas-frame canvas{display:block;width:100%;height:auto;aspect-ratio:1200/760;min-height:480px;touch-action:none;background:#fff;cursor:crosshair}.mit-canvas-frame canvas.is-erasing{cursor:cell}
.mit-board-actions{display:grid;grid-template-columns:minmax(160px,1fr) minmax(170px,220px) auto auto;align-items:center;gap:12px;padding:16px 18px;border:1px solid rgba(91,161,255,.34);border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#101722,#0d141f);box-shadow:0 18px 52px rgba(0,0,0,.22)}
.mit-submit-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.mit-submit-copy strong{color:#eaf3ff;font-size:15px}.mit-submit-eyebrow{color:#4f8cff;font-size:9px;font-weight:800;letter-spacing:.14em}.mit-board-actions input{width:100%;min-width:0;border:1px solid rgba(123,149,182,.24);background:#0a111b;color:#e6eef9;border-radius:10px;padding:10px 12px;outline:none;transition:.2s ease}.mit-board-actions input:focus{border-color:#4f8cff;box-shadow:0 0 0 3px rgba(79,140,255,.10)}
.mit-btn-ghost,.mit-btn-primary{height:40px;border-radius:10px;padding:0 15px;cursor:pointer;white-space:nowrap;font-weight:700;transition:.2s ease}.mit-btn-ghost{border:1px solid rgba(123,149,182,.28);background:transparent;color:#9cacbf}.mit-btn-ghost:hover{border-color:#627a99;color:#d8e5f4}.mit-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #4f8cff;background:linear-gradient(135deg,#4f8cff,#3b70dc);color:#fff;box-shadow:0 8px 22px rgba(79,140,255,.20)}.mit-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(79,140,255,.28)}.mit-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.mit-board-hint{margin:12px 0 0;color:#607188;font-size:12px;text-align:center}.mit-board-msg{min-height:22px;margin-top:8px;color:#7f93ab;font-size:13px;text-align:center}

.mit-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mit-drawing{margin:0;border:1px solid rgba(133,167,210,.18);border-radius:14px;overflow:hidden;background:#0d131d}.mit-drawing img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:white}.mit-drawing figcaption{padding:10px 12px;color:#91a0b4;font-size:13px}

/* Works source badges: stronger contrast on light thumbnails */
.mit-source-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.mit-source-pill{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1;box-shadow:0 5px 18px rgba(0,0,0,.16)}
.mit-source-owner{color:#d9efff;background:#12345a;border:1px solid #2c78bc}.mit-source-board{color:#d8ffe6;background:#123d28;border:1px solid #2b9b58}.mit-source-submission{color:#fff0c7;background:#493715;border:1px solid #b88120}
.mit-work-card .mit-thumb{position:relative}.mit-work-card .mit-thumb>.mit-source-pill{position:absolute;left:12px;top:12px;z-index:2;backdrop-filter:blur(8px)}.mit-work-card .mit-card-body>.mit-source-pill{margin-bottom:12px}

@media(max-width:900px){.mit-board-toolbar{position:relative;left:auto;top:auto;margin:0 0 12px;flex-wrap:wrap;height:auto;padding:10px 12px}.mit-board-stage{padding-top:0}}
@media(max-width:820px){.mit-grid,.mit-gallery{grid-template-columns:1fr 1fr}.mit-board-head{display:block}.mit-board-desc{margin-top:10px;text-align:left}.mit-board-actions{grid-template-columns:1fr 1fr}.mit-submit-copy{grid-column:1/-1}.mit-board-actions input{max-width:none}}
@media(max-width:560px){.mit-grid,.mit-gallery{grid-template-columns:1fr}.mit-board-wrap{margin-bottom:38px}.mit-brush-size input[type=range]{width:90px}.mit-palette{display:none}.mit-canvas-frame{border-radius:16px 16px 0 0}.mit-canvas-frame canvas{min-height:340px}.mit-board-actions{grid-template-columns:1fr;gap:10px;padding:14px;border-radius:0 0 16px 16px}.mit-submit-copy{grid-column:auto}.mit-btn-ghost,.mit-btn-primary{width:100%}}

/* v6 canvas background menu */
.mit-bg-menu{position:relative}.mit-bg-menu>summary{list-style:none}.mit-bg-menu>summary::-webkit-details-marker{display:none}.mit-bg-menu[open]>summary{background:rgba(79,140,255,.15);color:#b4dcff;box-shadow:inset 0 0 0 1px rgba(79,140,255,.22)}
.mit-bg-popover{position:absolute;z-index:20;top:50px;right:-8px;width:240px;padding:16px;border:1px solid rgba(91,161,255,.28);border-radius:14px;background:#101722;color:#dfeaf8;box-shadow:0 18px 55px rgba(0,0,0,.42)}
.mit-bg-popover strong{display:block;margin-bottom:12px;font-size:14px}.mit-bg-presets{display:flex;gap:9px;margin-bottom:14px}.mit-bg-presets button{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.18);background:var(--bg);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.mit-bg-presets button.is-active{border-color:#4f8cff;box-shadow:0 0 0 2px rgba(79,140,255,.35)}
.mit-bg-color-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;color:#9fb0c6;font-size:13px}.mit-bg-color-row input{width:36px;height:28px;border:0;padding:0;background:transparent;cursor:pointer}
.mit-bg-upload{display:flex;justify-content:center;align-items:center;min-height:38px;border:1px solid rgba(123,149,182,.28);border-radius:10px;color:#dbe8f7;font-size:13px;cursor:pointer;background:#0b111a}.mit-bg-upload input{display:none}.mit-bg-upload:hover{border-color:#4f8cff}
.mit-bg-reset{width:100%;margin-top:8px;border:0;background:transparent;color:#71839a;font-size:12px;cursor:pointer;padding:6px}.mit-bg-reset:hover{color:#b9c8da}

/* v6 work preview fixes */
.mit-work-card>a{display:block;height:100%;color:inherit;text-decoration:none}.mit-work-card .mit-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f7f8fa}.mit-work-card .mit-thumb img{display:block;width:100%;height:100%;object-fit:cover}.mit-work-card .mit-card-body h3{color:#f5f8fc}.mit-work-card .mit-card-body p{color:#91a2b8}.mit-work-card .mit-source-board{color:#dfffea!important}.mit-work-card .mit-source-owner{color:#e8f6ff!important}.mit-work-card .mit-source-submission{color:#fff2ca!important}
.mit-lightbox{position:fixed;z-index:99999;inset:0;display:none;align-items:center;justify-content:center;padding:34px;background:rgba(3,6,10,.9);backdrop-filter:blur(12px)}.mit-lightbox.is-open{display:flex}.mit-lightbox img{max-width:min(1200px,94vw);max-height:90vh;border-radius:14px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.55)}.mit-lightbox-close{position:absolute;right:24px;top:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#101722;color:white;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:900px){.mit-bg-popover{left:0;right:auto}}

/* v7 works and voting */
.mit-source-external{color:#f0e4ff;background:#392357;border:1px solid #8858bd}
.mit-source-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.mit-source-tabs a,.mit-pagination a{padding:8px 14px;border:1px solid rgba(133,167,210,.25);border-radius:8px;color:#c7d7ea;text-decoration:none}
.mit-source-tabs a.is-active,.mit-pagination a.is-active{background:#315fb0;border-color:#5a94eb;color:#fff}
.mit-pagination{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.mit-work-card .mit-preview-link{display:inline-block;height:auto;padding:0 20px 18px;color:#83c8ff;font-size:13px}
.mit-vote{margin:22px 0;padding:9px 16px;border:1px solid rgba(133,167,210,.35);border-radius:9px;background:#151d2a;color:#edf5ff;cursor:pointer}
.mit-vote.is-voted{color:#86d9ad;border-color:#438e65}.mit-vote:disabled{opacity:.7;cursor:default}
.mit-drawing .mit-vote{margin:0 12px 12px}
.mit-bg-presets [data-bg-pattern]{width:auto;height:auto;padding:5px 8px;border-radius:7px;background:#172337;color:#dae8f9;font-size:11px}