:root{--color-bg: #121619;--color-sidebar: #0e1214;--color-panel: #191e22;--color-panel-hover: #20262a;--color-line: #30383d;--color-text: #edf0ee;--color-muted: #a2adaf;--color-yellow: #e9fa55;--color-cyan: #72e5dc;--color-violet: #c1afff;--color-danger: #ff969c;--color-on-accent: #14190c;--font-body: 'Segoe UI', arial, sans-serif;--font-heading: bahnschrift, 'Arial Narrow', 'Segoe UI', sans-serif;--font-mono: consolas, 'Courier New', monospace;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--radius: 4px;--duration: 150ms}@media(prefers-reduced-motion: reduce){:root{--duration: 0ms}}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:14px;line-height:1.5}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{cursor:pointer}a{color:inherit;text-decoration:none}button,input,dialog{color:inherit}h1,h2,h3,p{margin:0}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:5px}::selection{background:var(--color-yellow);color:var(--color-on-accent)}[hidden]:not([hidden=until-found]){display:none}.visually-hidden{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:-8rem;left:var(--space-4);z-index:20;padding:var(--space-3) var(--space-4);background:var(--color-yellow);color:var(--color-on-accent)}.skip-link:focus{top:var(--space-4)}.icon{flex-shrink:0;vertical-align:middle}.eyebrow{color:var(--color-muted);font:11px var(--font-mono);letter-spacing:.13em}.preview-strip{display:flex;align-items:center;gap:var(--space-2);min-height:32px;padding:var(--space-2) var(--space-5);background:#22271a;border-bottom:1px solid #41492a;color:var(--color-yellow);font:10px var(--font-mono);letter-spacing:.04em}.preview-strip__dot{width:5px;height:5px;background:currentcolor}.preview-strip__detail{margin-left:auto;color:#bcc6a3}@media(width <= 600px){.preview-strip{flex-wrap:wrap;font-size:9px;padding-inline:var(--space-4)}.preview-strip__detail{width:100%;margin-left:13px}}.shell{display:grid;grid-template-columns:240px minmax(0, 1fr);min-height:calc(100dvh - 32px)}.shell--standalone{grid-template-columns:minmax(0, 1fr)}.workspace{display:flex;flex-direction:column;min-width:0}.content{flex:1;width:100%;max-width:1500px;margin-inline:auto;padding:var(--space-7) var(--space-8) var(--space-8)}.content--centered{display:grid;place-items:center;min-height:75dvh}.workspace__footer{display:flex;justify-content:space-between;gap:var(--space-4);margin:0 var(--space-8);padding:var(--space-5) 0;border-top:1px solid var(--color-line);color:var(--color-muted);font:10px var(--font-mono);letter-spacing:.04em}.workspace__version{color:var(--color-muted);margin-left:var(--space-2)}.workspace__square{display:inline-block;width:6px;height:6px;margin-left:var(--space-3);background:var(--color-yellow)}@media(width <= 1100px){.shell{grid-template-columns:210px minmax(0, 1fr)}.shell--standalone{grid-template-columns:minmax(0, 1fr)}.content{padding:var(--space-6)}.workspace__footer{margin-inline:var(--space-6)}}@media(width <= 760px){.shell{grid-template-columns:minmax(0, 1fr)}.content{padding:var(--space-5) var(--space-4)}.workspace__footer{margin-inline:var(--space-4);font-size:9px;flex-wrap:wrap}.workspace__version{display:none}}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand__mark{position:relative;display:grid;place-items:center;width:42px;height:43px;background:var(--color-yellow);color:var(--color-on-accent);font:900 33px var(--font-heading);clip-path:polygon(0 0, 80% 0, 100% 20%, 100% 100%, 0 100%)}.brand__slash{position:absolute;right:2px;bottom:0;font-size:21px}.brand__name{display:block;font:700 21px var(--font-heading);letter-spacing:.02em}.brand__accent{color:var(--color-yellow)}.brand__caption{display:block;margin-top:var(--space-1);color:var(--color-muted);font:8px var(--font-mono);letter-spacing:.1em}.brand--centered{justify-content:center;margin-bottom:var(--space-8)}.sidebar{display:flex;flex-direction:column;padding:var(--space-7) var(--space-5) 0;border-right:1px solid var(--color-line);background:var(--color-sidebar)}.sidebar__section{display:flex;justify-content:space-between;margin:55px var(--space-3) var(--space-4);color:var(--color-muted);font:9px var(--font-mono);letter-spacing:.12em}.sidebar__nav{display:grid;gap:var(--space-2)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:13px var(--space-3);border:1px solid rgba(0,0,0,0);color:var(--color-muted);transition:color var(--duration),background var(--duration)}.sidebar__link:hover{color:var(--color-text);background:var(--color-panel)}.sidebar__link--active{border-color:#414929;background:#22281a;color:var(--color-yellow)}.sidebar__count{margin-left:auto;font:10px var(--font-mono)}.sidebar__note{margin:50px var(--space-3) var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-line)}.sidebar__note>.icon{color:var(--color-cyan);margin-bottom:var(--space-4)}.sidebar__note p{font-size:18px;line-height:1.6}.sidebar__note strong{font-weight:500}.sidebar__note>span{display:block;margin-top:var(--space-3);color:var(--color-muted);font-size:12px;line-height:1.8}.sidebar__bottom{margin-top:auto}.sidebar__preview{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:var(--space-5) 0;color:var(--color-muted);font-size:11px}.sidebar__preview:hover{color:var(--color-cyan)}@media(width <= 1100px){.sidebar{padding-inline:var(--space-4)}}@media(width <= 760px){.sidebar{display:block;padding:var(--space-4);border-right:0;border-bottom:1px solid var(--color-line)}.sidebar__section,.sidebar__note,.sidebar__bottom{display:none}.sidebar__nav{display:flex;margin-top:var(--space-5)}.sidebar__link{flex:1;gap:var(--space-2);padding:12px var(--space-2);font-size:12px}.sidebar__link>.icon{width:16px;height:16px}}.profile{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-5);border-top:1px solid var(--color-line)}.profile__avatar{display:grid;place-items:center;width:32px;height:32px;background:#27312f;border:1px solid #445c55;color:var(--color-cyan);font:11px var(--font-mono)}.profile__info{display:grid;gap:var(--space-1);flex:1;font-size:11px}.profile__info strong{font-weight:500}.profile__info>span{overflow-wrap:anywhere;color:var(--color-muted);font-size:10px}.profile>.icon{width:15px;color:var(--color-muted)}.storage-meter__label{display:flex;justify-content:space-between;color:var(--color-muted);font-size:10px}.storage-meter__bar{display:block;width:100%;height:4px;margin-block:var(--space-3);background:var(--color-line);border:0}.storage-meter__bar::-webkit-meter-bar{height:4px;background:var(--color-line);border:0}.storage-meter__bar::-webkit-meter-optimum-value{background:var(--color-yellow)}.storage-meter__bar::-moz-meter-bar{background:var(--color-yellow)}.storage-meter__hint{color:var(--color-muted);font-size:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:78px;padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--color-line)}.topbar__location{display:flex;align-items:center;gap:var(--space-4);color:var(--color-muted);font-size:12px}.topbar__index{color:var(--color-text);font:11px var(--font-mono)}.topbar__divider{width:1px;height:16px;background:var(--color-line)}.topbar__back{display:flex;align-items:center;gap:var(--space-3);color:var(--color-muted)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font:9px var(--font-mono);letter-spacing:.06em}.status-badge__dot{width:5px;height:5px;background:var(--color-cyan);border-radius:50%}@media(width <= 1100px){.topbar{padding-inline:var(--space-6)}}@media(width <= 760px){.topbar{padding-inline:var(--space-4);min-height:58px}.status-badge{display:none}.topbar__location{gap:var(--space-2);font-size:11px}}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.page-heading__title{margin-top:10px;font:600 clamp(28px,3vw,38px) var(--font-heading);line-height:1.2;letter-spacing:-0.025em;overflow-wrap:anywhere}.page-heading__period{color:var(--color-yellow);margin-left:var(--space-1)}.page-heading__description{margin-top:var(--space-3);color:var(--color-muted);font-size:13px;overflow-wrap:anywhere}.page-heading__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(width <= 950px){.page-heading{align-items:flex-start;flex-direction:column}}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border:1px solid var(--color-yellow);border-radius:var(--radius);background:var(--color-yellow);color:var(--color-on-accent);font-size:12px;font-weight:650;text-align:center;transition:background var(--duration),border-color var(--duration)}.button:hover{background:#f4ffa1;border-color:#f4ffa1}.button--secondary{color:var(--color-text);background:rgba(0,0,0,0);border-color:var(--color-line)}.button--secondary:hover{background:var(--color-panel-hover);border-color:var(--color-muted)}.button--ghost{min-height:40px;color:var(--color-muted);background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);padding-inline:var(--space-3)}.button--ghost:hover{color:var(--color-text);background:var(--color-panel);border-color:var(--color-line)}.button--danger{color:var(--color-danger);background:#2c1e22;border-color:#70464d}.button--danger:hover{background:#42272d;border-color:var(--color-danger)}.button--full{width:100%}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--color-muted);border-radius:var(--radius)}.icon-button:hover{color:var(--color-text);background:var(--color-panel-hover);border-color:var(--color-line)}.icon-button--danger{color:var(--color-danger)}.text-button{padding:0;border:0;background:rgba(0,0,0,0);color:var(--color-yellow);text-decoration:underline;text-underline-offset:3px}.welcome{position:relative;display:grid;grid-template-columns:1.3fr 1fr;min-height:265px;margin-bottom:var(--space-7);overflow:hidden;border:1px solid #3e4732;border-radius:var(--radius);background:linear-gradient(110deg, #20261d, #181f21 70%)}.welcome__copy{position:relative;z-index:1;padding:var(--space-6)}.welcome__label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-yellow);font:9px var(--font-mono);letter-spacing:.1em}.welcome__label>.icon{width:14px;height:14px}.welcome__title{margin-top:var(--space-4);font:500 clamp(22px,2.4vw,30px) var(--font-heading);line-height:1.3;letter-spacing:-0.015em}.welcome__title>span{color:var(--color-yellow)}.welcome__description{margin-top:var(--space-3);color:var(--color-muted);font-size:12px;line-height:1.7}.welcome__link{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);font-size:11px}.welcome__link:hover{color:var(--color-yellow)}.welcome__visual{position:relative;display:grid;place-items:center;isolation:isolate;min-width:0}.welcome__orbit{position:absolute;width:235px;height:235px;border:1px solid #34443c;border-radius:50%}.welcome__orbit::before{position:absolute;content:"";inset:-24px;border:1px dashed #34443c;border-radius:50%}.welcome__orbit::after{position:absolute;content:"";top:50%;left:-90px;right:-90px;height:1px;background:#34443c;transform:rotate(-30deg)}.welcome__folder{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-4);width:215px;height:130px;padding:var(--space-5);border:1px solid #71804d;border-top:4px solid var(--color-yellow);background:#242e21;transform:rotate(-9deg);box-shadow:12px 15px 0 #121914}.welcome__folder>.icon{width:40px;height:40px;color:var(--color-yellow)}.welcome__folder>span{font:13px/1.5 var(--font-mono);color:var(--color-yellow);letter-spacing:.1em}.welcome__folder>.welcome__folder-id{position:absolute;right:var(--space-4);bottom:10px;color:#a5b68b;font-size:8px}.welcome__coordinate{position:absolute;right:var(--space-5);bottom:var(--space-4);color:#a5b68b;font:8px var(--font-mono);letter-spacing:.1em}.welcome__cross{position:absolute;top:var(--space-4);right:var(--space-5);color:var(--color-yellow);font:24px var(--font-mono)}@media(width <= 950px){.welcome{grid-template-columns:1.4fr 1fr}.welcome__folder{width:160px;height:110px;padding:var(--space-4);gap:var(--space-2)}.welcome__folder>.icon{width:28px}.welcome__folder>span{font-size:10px}.welcome__orbit{width:180px;height:180px}}@media(width <= 600px){.welcome{grid-template-columns:1fr}.welcome__copy{padding:var(--space-5)}.welcome__visual{display:none}.welcome__title{font-size:25px}}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.list-toolbar__title{font-size:15px;font-weight:500}.list-toolbar__count{display:inline-block;margin-left:var(--space-2);color:var(--color-muted);font:10px var(--font-mono)}.list-toolbar__actions{display:flex;gap:var(--space-3);align-items:center}.search-field{display:flex;align-items:center;gap:var(--space-2);width:215px;min-height:40px;padding-inline:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-muted)}.search-field:focus-within{border-color:var(--color-cyan)}.search-field>.icon{width:16px}.search-field__input{width:100%;min-width:0;padding:0;border:0;background:rgba(0,0,0,0);color:var(--color-text);font-size:11px}.search-field__input::placeholder{color:var(--color-muted)}.project-list__items{display:grid;gap:var(--space-3)}.project-list__footnote{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--color-muted);font-size:10px;line-height:1.8}.project-list__footnote>.icon{width:13px;height:13px}@media(width <= 950px){.list-toolbar{align-items:flex-start;flex-direction:column}.list-toolbar__actions{width:100%}.search-field{flex:1}}@media(width <= 400px){.list-toolbar__actions{flex-wrap:wrap}.search-field{min-width:170px}}.project-card{display:flex;align-items:center;gap:var(--space-5);min-height:118px;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel);transition:border-color var(--duration),background var(--duration)}.project-card:hover{border-color:#616b48;background:var(--color-panel-hover)}.project-card__icon{display:grid;place-items:center;width:48px;height:52px;flex-shrink:0;border:1px solid #4a5131;color:var(--color-yellow);background:#2c3221}.project-card__icon>.icon{width:25px;height:25px}.project-card__icon--cyan{color:var(--color-cyan);background:#1d3231;border-color:#365755}.project-card__icon--violet{color:var(--color-violet);background:#2c283b;border-color:#49415e}.project-card__main{min-width:0;flex:1}.project-card__meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:9px}.project-card__number{color:var(--color-yellow);font:9px var(--font-mono)}.project-card__title{margin-top:var(--space-1);font:500 18px var(--font-heading);overflow-wrap:anywhere}.project-card__link:hover{color:var(--color-yellow)}.project-card__description{margin-top:var(--space-2);color:var(--color-muted);font-size:10px}.project-card__tag{padding:5px 7px;border:1px solid #394145;border-radius:2px;color:var(--color-muted);font:8px var(--font-mono);white-space:nowrap}.project-card__stats{display:grid;gap:6px;min-width:60px;font-size:10px}.project-card__stats strong{font-weight:400}.project-card__stats>span{color:var(--color-muted)}.project-card__updated{display:grid;gap:6px;min-width:100px;font-size:10px}.project-card__updated>span{color:var(--color-muted)}.project-card__updated strong{font-weight:400}.project-card__open{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--color-line);color:var(--color-muted)}.project-card__open:hover{color:var(--color-yellow);border-color:var(--color-yellow)}@media(width <= 1250px){.project-card__tag{display:none}.project-card{gap:var(--space-4)}}@media(width <= 950px){.project-card__updated{display:none}}@media(width <= 400px){.project-card{padding:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.project-card__main{flex-basis:calc(100% - 70px)}.project-card__stats{display:flex;gap:var(--space-3);margin-left:60px}.project-card__open{margin-left:auto}}.file-table{width:100%;overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel)}.file-table__table{width:100%;border-collapse:collapse;text-align:left}.file-table__table th{padding:14px var(--space-5);border-bottom:1px solid var(--color-line);color:var(--color-muted);font-size:10px;font-weight:400;white-space:nowrap}.file-table__table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid #293035;font-size:12px}.file-table__table td:nth-child(2),.file-table__table td:nth-child(3){color:var(--color-muted);font-size:11px;white-space:nowrap}.file-table__table tr:last-child td{border-bottom:0}.file-table__table tbody tr:hover{background:var(--color-panel-hover)}.file-table__name{display:flex;align-items:center;gap:var(--space-3);min-width:170px;max-width:550px;overflow-wrap:anywhere}.file-table__name>.icon{color:var(--color-yellow);width:18px;height:18px}.file-table__name:hover{color:var(--color-yellow)}.file-table__name>span{min-width:0}.file-table__path{display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:10px}.file-table__actions{display:flex}.folder-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-bottom:var(--space-3)}@media(width <= 760px){.file-table__table th,.file-table__table td{padding:var(--space-3)}.file-table__name{max-width:260px}}.breadcrumbs{margin-bottom:var(--space-6);color:var(--color-muted);font-size:11px}.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:0;list-style:none}.breadcrumbs__list>li{display:flex;align-items:center;gap:var(--space-2);min-width:0;max-width:100%}.breadcrumbs__link{overflow-wrap:anywhere}.breadcrumbs__list .icon{width:12px;height:12px}.breadcrumbs__link:hover{color:var(--color-yellow)}.dropzone{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-top:var(--space-5);padding:var(--space-6);border:1px dashed #505c45;border-radius:var(--radius);background:#191f19;text-align:left}.dropzone>.icon{width:30px;height:30px;color:var(--color-yellow)}.dropzone--active{border-style:solid;border-color:var(--color-yellow);background:#29321f}.dropzone__title{font-size:14px;font-weight:500}.dropzone__description{margin-top:var(--space-2);color:var(--color-muted);font-size:12px}.dropzone__hint{margin-top:var(--space-2);color:var(--color-muted);font-size:10px}@media(width <= 600px){.dropzone{padding:var(--space-5);gap:var(--space-4);align-items:flex-start}}.field{display:grid;gap:var(--space-2)}.field__label{font-size:12px;font-weight:500}.field__input{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid #414b50;border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}.field__input::placeholder{color:var(--color-muted)}.field__input:focus-visible{border-color:var(--color-cyan);outline-offset:2px}.field__input--code{font:26px var(--font-mono);letter-spacing:.3em}.field__hint{margin-block:var(--space-2) var(--space-4);color:var(--color-muted);font-size:11px}.dialog{width:min(480px,100% - 32px);max-height:calc(100dvh - 64px);padding:var(--space-6);border:1px solid #66704a;border-top:3px solid var(--color-yellow);border-radius:var(--radius);background:var(--color-panel);color:var(--color-text)}.dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(4px)}.dialog__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dialog__title{margin-top:var(--space-3);font:500 26px var(--font-heading)}.dialog__description{margin-block:var(--space-4) var(--space-5);color:var(--color-muted);font-size:13px;overflow-wrap:anywhere}.dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.toast{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:10;max-width:min(420px,100vw - 48px);padding:var(--space-4) var(--space-5);border:1px solid #547068;border-left:3px solid var(--color-cyan);background:#1c2b29;color:var(--color-text);box-shadow:0 12px 35px rgba(0,0,0,.35);font-size:13px}.notice{display:flex;align-items:flex-start;gap:var(--space-2);margin-block:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid #3e4b50;border-radius:var(--radius);background:#20292d;color:#c1d0d3;font-size:12px}.notice--error{border-color:#70464d;background:#2c1e22;color:var(--color-danger)}.notice--success{border-color:#42635d;background:#1e302a;color:var(--color-cyan)}.empty-state{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-muted)}.empty-state>.icon{display:block;width:40px;height:40px;margin:0 auto var(--space-5);color:var(--color-yellow)}.empty-state__title{margin-bottom:var(--space-3);color:var(--color-text);font:500 23px var(--font-heading)}.empty-state>p{margin-bottom:var(--space-5);font-size:13px}.empty-state--page{padding-top:15dvh}.empty-state--page>.eyebrow{display:block;margin-bottom:var(--space-6)}.auth-panel{width:min(100%,440px);margin-block:var(--space-6);padding:var(--space-8);border:1px solid var(--color-line);border-top:3px solid var(--color-yellow);background:var(--color-panel);text-align:center}.auth-panel__title{margin-top:var(--space-4);font:500 30px/1.3 var(--font-heading)}.auth-panel__description{margin-block:var(--space-4) var(--space-6);color:var(--color-muted);font-size:13px;line-height:1.8}.auth-panel__form{display:grid;gap:var(--space-2);text-align:left}.auth-panel__form>.text-button{justify-self:center;margin-top:var(--space-4);font-size:12px}.auth-panel__resend{margin-top:var(--space-5);font-size:12px}.auth-panel__footnote{margin-top:var(--space-5);color:var(--color-muted);font-size:11px}.auth-panel__footnote>.icon{width:14px;height:14px;margin-right:var(--space-1);color:var(--color-cyan)}.auth-panel__back{display:inline-block;margin-top:var(--space-5);color:var(--color-cyan);font-size:12px}.shared-file{display:grid;place-items:center;width:80px;height:80px;margin:0 auto var(--space-6);border:1px solid #56633a;background:#2c3221;color:var(--color-yellow)}.shared-file>.icon{width:40px;height:40px}@media(width <= 600px){.auth-panel{padding:var(--space-6) var(--space-5)}}.code-view{overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius)}.code-view__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line);background:var(--color-panel);color:var(--color-muted);font:11px var(--font-mono)}.code-view__toolbar>span{display:inline-flex;align-items:center;gap:var(--space-2)}.code-view__toolbar .icon{color:var(--color-yellow);width:16px;height:16px}.code-view__scroll{display:flex;max-height:70vh;overflow-x:auto;background:#101518}.code-view__lines{flex-shrink:0;padding:var(--space-5) var(--space-4);margin:0;border-right:1px solid #252d32;color:var(--color-muted);background:#151b1e;text-align:right;user-select:none;font:12px/1.9 var(--font-mono)}.code-view__source{padding:var(--space-5);margin:0;font:12px/1.9 var(--font-mono);tab-size:4}.code-view__footer{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-line);background:var(--color-panel);color:var(--color-muted);font-size:10px}.code-view__token--comment{color:#9ba995}.code-view__token--keyword{color:var(--color-violet)}.code-view__token--variable{color:var(--color-cyan)}.code-view__token--string{color:var(--color-yellow)}@media(width <= 600px){.code-view__footer{flex-wrap:wrap}}.component-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-5)}.panel{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel)}.panel__title{margin-bottom:var(--space-5);font:500 20px var(--font-heading)}.panel__description{margin-bottom:var(--space-5);color:var(--color-muted);font-size:13px}.progress-label{display:flex;justify-content:space-between;margin-bottom:var(--space-3);font:12px var(--font-mono)}.upload-progress{width:100%;height:5px;border:0;background:var(--color-line);accent-color:var(--color-yellow)}.upload-progress::-webkit-progress-bar{background:var(--color-line)}.upload-progress::-webkit-progress-value{background:var(--color-yellow)}.upload-progress::-moz-progress-bar{background:var(--color-yellow)}@media(width <= 950px){.component-grid{grid-template-columns:minmax(0, 1fr)}}.tree-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.tree-tools--row{margin:0}.node-form{display:grid;gap:var(--space-4);max-width:650px}.move-list{display:grid;gap:var(--space-2);max-width:650px;margin-top:var(--space-4)}.move-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);overflow-wrap:anywhere}.move-list__item:hover{color:var(--color-yellow);background:var(--color-panel-hover)}.upload-panel{margin-top:var(--space-5)}.upload-panel__buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.upload-panel__results{margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel)}.upload-panel__summary{margin-block:var(--space-3);color:var(--color-muted);font-size:12px}.upload-panel__list{display:grid;gap:var(--space-3);padding:0;margin:0 0 var(--space-4);list-style:none}.upload-panel__item{display:grid;grid-template-columns:minmax(0, 1fr) minmax(90px, 180px) minmax(0, 1fr) auto;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--color-line);font-size:12px}.upload-panel__item--error{color:var(--color-danger)}.upload-panel__name,.upload-panel__status{min-width:0;overflow-wrap:anywhere}.upload-panel__progress{width:100%;height:7px;accent-color:var(--color-yellow)}@media(width <= 760px){.upload-panel__item{grid-template-columns:minmax(0, 1fr)}}.trash-confirm{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius);cursor:pointer}.trash-confirm input{flex-shrink:0;width:20px;height:20px;margin:0;accent-color:var(--color-danger)}