@font-face{font-family:Clash Display;src:url(/fonts/clash-display-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-display-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-display-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#05050a;--text:#e5e5e5;--text-dim:#8a8a94;--accent:#7dd3fc;--font-display:"Clash Display", system-ui, "Segoe UI", sans-serif;--font-body:"General Sans", system-ui, "Segoe UI", sans-serif;--font-mono:"Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--frame-inset:clamp(14px, 2.4vw, 28px);font:400 18px/155% var(--font-body);letter-spacing:.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;margin:0 0 .4em;font-weight:700;line-height:.95}h2{font-size:clamp(1.75rem,4vw,3rem);font-weight:600}h3{font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:600}a{color:var(--accent);font-weight:500}.hero h1{font-size:clamp(2.5rem,8vw,6rem)}.hero__accent{color:var(--accent)}.hero p{color:var(--text-dim);max-width:40ch}.projects{max-width:32ch}.projects-hint{color:var(--text-dim);max-width:32ch;margin:0;font-size:.95rem}.projects-empty{color:var(--text-dim)}.skills{max-width:32ch}.skills-hint,.skills-empty{color:var(--text-dim);max-width:32ch;margin:0;font-size:.95rem}.cube-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--text);clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px),0 8px);opacity:0;pointer-events:none;background:#030508c7;border:1px solid #c8e6ff4d;padding:7px 14px;font-size:11px;transition:opacity .25s,transform .25s;transform:translateY(6px)scale(.95)}.cube-label--visible{opacity:1;transform:translateY(0)scale(1)}.contact{pointer-events:auto;max-width:32ch}.contact-empty{color:var(--text-dim);max-width:32ch;margin:0;font-size:.95rem}.laptop-screen{color:#eaffff;font-family:var(--font-body);box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#030a0edb;flex-direction:column;padding:46px 42px;display:flex;overflow:hidden}.laptop-screen__header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:#eaffff;border-bottom:2px solid #8fd3ff59;flex-shrink:0;justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:18px;font-size:34px;font-weight:700;display:flex}.laptop-screen__count{font-family:var(--font-mono);color:#7dd3fc;font-size:20px}.laptop-screen__empty{font-family:var(--font-mono);color:#eaffff8c;font-size:20px}.laptop-screen__list{scrollbar-width:thin;scrollbar-color:#8fd3ff59 transparent;flex-direction:column;flex:1;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.laptop-screen__list::-webkit-scrollbar{width:6px}.laptop-screen__list::-webkit-scrollbar-thumb{background:#8fd3ff59}.laptop-screen__list::-webkit-scrollbar-track{background:0 0}.laptop-screen__list li button{all:unset;cursor:pointer;box-sizing:border-box;border-bottom:1px solid #8fd3ff29;grid-template-columns:44px 1fr;gap:4px 16px;width:100%;padding:16px 8px;transition:background-color .15s;display:grid}.laptop-screen__list li button:hover{background:#8fd3ff14}.laptop-screen__index{font-family:var(--font-mono);color:#7dd3fc;grid-row:1/3;align-self:center;font-size:18px}.laptop-screen__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:#f5fbff;font-size:26px;font-weight:700}.laptop-screen__summary{font-family:var(--font-body);color:#eaffff99;font-size:17px;line-height:1.35}.laptop-screen__footer{font-family:var(--font-mono);letter-spacing:.1em;color:#eaffff66;border-top:1px solid #8fd3ff29;flex-shrink:0;margin-top:18px;padding-top:14px;font-size:14px}.hud-frame{inset:var(--frame-inset);z-index:2;pointer-events:none;position:fixed}.hud-frame__panel{clip-path:polygon(0 26px,26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px));position:absolute;inset:0;overflow:hidden}.hud-frame__border{border:1px solid #c8e6ff29;position:absolute}.hud-frame__border--outer{inset:0}.hud-frame__border--inner{border-color:#c8e6ff14;inset:7px}.hud-frame__scanline{background:linear-gradient(#0000,#8fd3ff24,#0000);height:64px;animation:8s ease-in-out infinite hud-scan;position:absolute;left:0;right:0}@keyframes hud-scan{0%{opacity:0;transform:translateY(-80px)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.hud-ruler{background-image:repeating-linear-gradient(90deg,#c8e6ff38 0 1px,#0000 1px 22px);height:5px;position:absolute;left:60px;right:60px}.hud-ruler--top{top:0}.hud-ruler--bottom{bottom:0}.hud-corner{width:24px;height:24px;position:absolute}.hud-corner:before,.hud-corner:after{content:"";background:#d2ebff8c;position:absolute}.hud-corner:before{width:100%;height:1px}.hud-corner:after{width:1px;height:100%}.hud-corner--tl,.hud-corner--tl:before,.hud-corner--tl:after{top:0;left:0}.hud-corner--tr,.hud-corner--tr:before,.hud-corner--tr:after{top:0;right:0}.hud-corner--bl,.hud-corner--bl:before,.hud-corner--bl:after{bottom:0;left:0}.hud-corner--br,.hud-corner--br:before,.hud-corner--br:after{bottom:0;right:0}.hud-tick{background:var(--accent);width:28px;height:2px;box-shadow:0 0 8px 1px var(--accent);opacity:.9;position:absolute}.hud-tick--tl{transform-origin:0;top:13px;left:-4px;transform:rotate(-45deg)}.hud-tick--tr{transform-origin:100%;top:13px;right:-4px;transform:rotate(45deg)}.hud-tick--bl{transform-origin:0;bottom:13px;left:-4px;transform:rotate(45deg)}.hud-tick--br{transform-origin:100%;bottom:13px;right:-4px;transform:rotate(-45deg)}.hud-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#dcebff80;white-space:nowrap;align-items:center;gap:8px;font-size:10.5px;transition:font-size .4s,letter-spacing .4s,color .4s;display:flex;position:absolute}.hud-tag--prominent{letter-spacing:.2em;color:var(--accent);font-size:13px}.hud-tag__sub{opacity:.85}.hud-tag--bl{bottom:32px;left:34px}.hud-tag--br{bottom:32px;right:34px}.hud-chevron{border-bottom:1.5px solid #dcebffb3;border-right:1.5px solid #dcebffb3;flex-shrink:0;width:7px;height:7px;transition:width .4s,height .4s,border-color .4s;animation:1.8s ease-in-out infinite hud-bounce;transform:rotate(45deg)}.hud-tag--prominent .hud-chevron{border-color:var(--accent);width:9px;height:9px;animation:1.4s ease-in-out infinite hud-bounce,1.4s ease-in-out infinite hud-glow}@keyframes hud-bounce{0%,to{transform:rotate(45deg)translate(0)}50%{transform:rotate(45deg)translate(3px,3px)}}@keyframes hud-glow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 5px var(--accent))}}@media (width<=640px){.hud-tag--br{display:none}.hud-ruler{left:40px;right:40px}}.audio-toggle{all:unset;color:#dcebff8c;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);cursor:pointer;border:1px solid #c8e6ff59;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:color .25s,border-color .25s;display:inline-flex}.audio-toggle:hover{color:var(--text);border-color:var(--accent)}.audio-toggle--on{color:var(--accent);border-color:#f4b94280}.navbar{top:calc(var(--frame-inset) + 20px);left:calc(var(--frame-inset) + 38px);right:calc(var(--frame-inset) + 38px);z-index:10;justify-content:space-between;align-items:center;gap:24px;padding:12px 16px;display:flex;position:fixed}.navbar__logo{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.navbar__logo-mark{flex-shrink:0;width:16px;height:16px;position:relative}.navbar__logo-mark:before,.navbar__logo-mark:after{content:"";background:var(--accent);box-shadow:0 0 6px var(--accent);position:absolute}.navbar__logo-mark:before{transform-origin:0;width:100%;height:2px;top:0;left:0;transform:rotate(45deg)}.navbar__logo-mark:after{transform-origin:0;width:100%;height:2px;bottom:0;left:0;transform:rotate(-45deg)}.navbar__logo-text{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-size:1.05rem;font-weight:700}.navbar__logo-accent{color:var(--accent)}.navbar__links{align-items:center;gap:clamp(20px,3vw,40px);margin:0 auto;display:flex}.navbar__link{color:#e5e5e5bf;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:baseline;gap:6px;padding-bottom:4px;font-size:12px;text-decoration:none;display:inline-flex;position:relative}.navbar__link-index{color:var(--accent);opacity:.8;font-size:10px}.navbar__link:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.navbar__link:hover{color:var(--text)}.navbar__link:hover:after{transform:scaleX(1)}.navbar__right{align-items:center;gap:20px;display:flex}.navbar__status{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#dcebff8c;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.navbar__status-dot{background:#6fe3c9;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite navbar-pulse;box-shadow:0 0 8px 2px #6fe3c9cc}@keyframes navbar-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.navbar__cta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border:1px solid #c8e6ff59;justify-content:center;align-items:center;padding:10px 22px;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex;position:relative}.navbar__cta:before{content:"";background:var(--accent);opacity:0;z-index:-1;transition:opacity .25s;position:absolute;inset:0}.navbar__cta:hover{color:#010103;border-color:var(--accent)}.navbar__cta:hover:before{opacity:1}@media (width<=720px){.navbar__links,.navbar__status{display:none}}.stage{inset:var(--frame-inset);z-index:3;pointer-events:none;position:fixed}.stage-panel{opacity:0;pointer-events:none;will-change:opacity;flex-direction:column;justify-content:center;padding:4vw 3.5vw;display:flex;position:absolute;inset:0}.scroll-track__phase{height:100svh}.drawer-scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#0101038c;transition:opacity .4s;position:fixed;inset:0}.drawer-scrim--open{opacity:1;pointer-events:auto}.drawer{z-index:50;clip-path:polygon(28px 0,100% 0,100% 100%,28px 100%,0 calc(100% - 28px),0 28px);background:#06080b;border-left:1px solid #c8e6ff24;width:clamp(320px,92vw,480px);height:100%;padding:clamp(28px,5vw,48px) clamp(24px,4vw,40px);transition:transform .5s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%)}.drawer--open{transform:translate(0)}.drawer__close{all:unset;cursor:pointer;border:1px solid #c8e6ff40;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:clamp(20px,4vw,32px);right:clamp(24px,4vw,40px)}.drawer__close-mark{width:12px;height:12px;position:relative}.drawer__close-mark:before,.drawer__close-mark:after{content:"";background:var(--text);width:100%;height:1.5px;position:absolute;top:50%;left:0}.drawer__close-mark:before{transform:rotate(45deg)}.drawer__close-mark:after{transform:rotate(-45deg)}.drawer__close:hover{border-color:var(--accent)}.drawer__close:hover .drawer__close-mark:before,.drawer__close:hover .drawer__close-mark:after{background:var(--accent)}.drawer__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:11px;display:block}.drawer__cover{aspect-ratio:16/10;clip-path:polygon(16px 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px),0 16px);border:1px solid #c8e6ff1f;width:100%;margin-bottom:24px;overflow:hidden}.drawer__cover img{object-fit:cover;width:100%;height:100%;display:block}.drawer__title{margin-bottom:.3em;font-size:clamp(1.75rem,4vw,2.5rem)}.drawer__summary{color:var(--text-dim);margin:0 0 20px;font-size:1.05rem}.drawer__tags{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.drawer__tags li{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#dcebffb3;clip-path:polygon(6px 0,100% 0,100% 100%,6px 100%,0 calc(100% - 6px),0 6px);border:1px solid #c8e6ff33;padding:5px 10px;font-size:10.5px}.drawer__description{color:var(--text);white-space:pre-line;line-height:1.7}.drawer__links{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.drawer__link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border:1px solid #c8e6ff4d;align-items:center;gap:10px;padding:12px 20px;font-size:12px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.drawer__link:hover{color:var(--accent);border-color:var(--accent)}.drawer__link--primary{background:var(--accent);border-color:var(--accent);color:#010103}.drawer__link--primary:hover{color:#010103;opacity:.88}@media (width<=520px){.drawer{clip-path:none;border-left:none;width:100vw}}.skill-focus{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);pointer-events:auto;background:#0504028c;border:1px solid #ffb4644d;flex-direction:column;align-items:center;gap:14px;padding:28px clamp(32px,5vw,56px);animation:.4s cubic-bezier(.16,1,.3,1) skill-focus-in;display:flex;position:fixed;bottom:clamp(48px,8vh,96px);left:50%;transform:translate(-50%)}@keyframes skill-focus-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.skill-focus__icon{color:#ffd9a8;filter:drop-shadow(0 0 12px #ffa05099);justify-content:center;align-items:center;display:flex}.skill-focus__icon-fallback{border:1px dashed #ffc89666;border-radius:50%;width:56px;height:56px}.skill-focus__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text);font-size:1.15rem;font-weight:700}.skill-focus__close{all:unset;cursor:pointer;border:1px solid #ffc8964d;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:10px;right:10px}.skill-focus__close-mark{width:10px;height:10px;position:relative}.skill-focus__close-mark:before,.skill-focus__close-mark:after{content:"";background:var(--text);width:100%;height:1.5px;position:absolute;top:50%;left:0}.skill-focus__close-mark:before{transform:rotate(45deg)}.skill-focus__close-mark:after{transform:rotate(-45deg)}.skill-focus__close:hover{border-color:#ffb066}.skill-focus__close:hover .skill-focus__close-mark:before,.skill-focus__close:hover .skill-focus__close-mark:after{background:#ffb066}.admin-shell{background:var(--bg);min-height:100svh;color:var(--text)}.admin-shell--center{font-family:var(--font-mono);color:var(--text-dim);justify-content:center;align-items:center;display:flex}.admin-topbar{border-bottom:1px solid #c8e6ff1f;justify-content:space-between;align-items:center;padding:20px clamp(20px,4vw,40px);display:flex}.admin-topbar__brand{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:1rem;font-weight:700}.admin-topbar__accent{color:var(--accent)}.admin-topbar__right{align-items:center;gap:16px;display:flex}.admin-topbar__email{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.admin-tabs{border-bottom:1px solid #c8e6ff1f;gap:4px;padding:0 clamp(20px,4vw,40px);display:flex}.admin-tab{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:24px;padding:14px 4px;font-size:12px}.admin-tab:hover{color:var(--text)}.admin-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.admin-main{max-width:920px;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(20px,4vw,40px)}.admin-main__header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.admin-main__header h1{margin:0;font-size:clamp(1.5rem,3vw,2.25rem)}.admin-muted{color:var(--text-dim)}.admin-login{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.admin-login__card{width:100%;max-width:360px}.admin-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px;display:block}.admin-login__card h1{margin-bottom:24px;font-size:1.75rem}.admin-card{background:#0a0c10;border:1px solid #c8e6ff1f;padding:clamp(24px,4vw,32px)}.admin-form{flex-direction:column;gap:16px;display:flex}.admin-form h2{margin:0 0 8px;font-size:1.5rem}.admin-form__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.admin-form__grid{grid-template-columns:1fr}}.admin-field{font-family:var(--font-body);color:var(--text-dim);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.admin-field input,.admin-field textarea{font-family:var(--font-body);color:var(--text);background:#05060a;border:1px solid #c8e6ff2e;outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.admin-field input:focus,.admin-field textarea:focus{border-color:var(--accent)}.admin-field--checkbox{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.admin-field--checkbox input{width:16px;height:16px}.admin-image-preview{object-fit:cover;border:1px solid #c8e6ff33;width:160px;height:110px;margin-top:10px}.admin-form__actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.admin-error{color:#f87171;margin:0;font-size:.85rem}.admin-button{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);cursor:pointer;background:0 0;border:1px solid #c8e6ff40;padding:10px 18px;font-size:12px;transition:border-color .2s,color .2s}.admin-button:hover{border-color:var(--accent);color:var(--accent)}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-button--primary{background:var(--accent);border-color:var(--accent);color:#010103;font-weight:700}.admin-button--primary:hover{color:#010103;opacity:.9}.admin-button--danger:hover{color:#f87171;border-color:#f87171}.admin-list{background:#c8e6ff1f;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.admin-list__row{background:var(--bg);justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.admin-list__info{align-items:flex-start;gap:16px;min-width:0;display:flex}.admin-list__info h3{margin:0 0 4px;font-size:1.1rem}.admin-list__info p{color:var(--text-dim);margin:0;font-size:.9rem}.admin-list__actions{flex-shrink:0;gap:10px;display:flex}.admin-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;border:1px solid #c8e6ff33;flex-shrink:0;margin-top:4px;padding:4px 8px;font-size:10px}.admin-badge--live{color:#6fe3c9;border-color:#6fe3c966}.admin-list__icon{color:var(--text-dim);flex-shrink:0;align-items:center;margin-top:2px;display:flex}.admin-list__thumb{object-fit:cover;border:1px solid #c8e6ff33;flex-shrink:0;width:40px;height:40px}@media (width<=640px){.admin-list__row{flex-direction:column;align-items:flex-start}}.admin-icon-picker{background:#05060a;border:1px solid #c8e6ff2e}.admin-icon-picker__header{border-bottom:1px solid #c8e6ff1f;align-items:center;gap:10px;padding:8px 10px;display:flex}.admin-icon-picker__preview{width:28px;height:28px;color:var(--accent);border:1px solid #c8e6ff2e;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-icon-picker__empty{border:1px dashed #c8e6ff4d;border-radius:50%;width:12px;height:12px}.admin-icon-picker__search{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.admin-icon-picker__clear{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:11px}.admin-icon-picker__clear:hover{color:#f87171}.admin-icon-picker__grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;max-height:220px;padding:10px;display:grid;overflow-y:auto}.admin-icon-picker__item{height:40px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #c8e6ff1f;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.admin-icon-picker__item:hover{color:var(--text);border-color:#c8e6ff4d}.admin-icon-picker__item--active{color:var(--accent);border-color:var(--accent)}