:root{--bg: #F7F7F5;--surface: #FFFFFF;--surface-raised: #FFFFFF;--surface-muted: #EFEFEA;--surface-subtle: #F2F2EC;--text: #18181B;--text-muted: #52525B;--text-subtle: #71717A;--border: #18181B;--border-muted: #D4D4D8;--border-subtle: #E4E4E7;--border-focus: #18181B;--border-width: 2px;--border-thin: 1px;--primary: #18181B;--primary-hover: #27272A;--primary-dark: #09090B;--primary-light: #E4E4E7;--on-primary: #FFFFFF;--danger: #18181B;--danger-hover: #27272A;--danger-light: #F4F4F5;--on-danger: #FFFFFF;--warning: #18181B;--warning-light: #F4F4F5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-pill: 9999px;--shadow-sm: 3px 3px 0px #18181B;--shadow-md: 5px 5px 0px #18181B;--shadow-lg: 7px 7px 0px #18181B;--shadow-pop: 9px 9px 0px #18181B;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--dur-fast: .1s;--dur-normal: .18s;color-scheme:light}[data-theme=dark]{--bg: #121214;--surface: #18181B;--surface-raised: #222226;--surface-muted: #27272A;--surface-subtle: #1F1F23;--text: #F4F4F5;--text-muted: #A1A1AA;--text-subtle: #71717A;--border: #E4E4E7;--border-muted: #3F3F46;--border-subtle: #27272A;--border-focus: #FFFFFF;--primary: #F4F4F5;--primary-hover: #FFFFFF;--primary-dark: #FFFFFF;--primary-light: #27272A;--on-primary: #121214;--danger: #F4F4F5;--danger-hover: #FFFFFF;--danger-light: #27272A;--on-danger: #121214;--warning: #F4F4F5;--warning-light: #27272A;--shadow-sm: 3px 3px 0px #E4E4E7;--shadow-md: 5px 5px 0px #E4E4E7;--shadow-lg: 7px 7px 0px #E4E4E7;--shadow-pop: 9px 9px 0px #E4E4E7;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--dur-normal) var(--ease),color var(--dur-normal) var(--ease)}h1,h2,h3,h4{margin:0;font-family:var(--font-sans);font-weight:700;color:var(--text);letter-spacing:-.025em;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--primary-light);color:var(--primary-dark)}.tnum{font-family:var(--font-mono);font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--border-muted) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:var(--r-pill)}.card{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.card--pad{padding:var(--sp-6)}@media (max-width: 640px){.card--pad{padding:var(--sp-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:42px;padding:0 var(--sp-4);border-radius:var(--r-md);border:var(--border-width) solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:.92rem;font-weight:700;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;max-width:100%;text-align:center}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--lg{min-height:48px;padding:0 var(--sp-6);font-size:1rem}.btn--danger{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn--quiet{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.btn--quiet:hover:not(:disabled){background:var(--surface-subtle);color:var(--text);border-color:var(--border-muted);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-sm)!important}.input{width:100%;height:44px;font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:0 var(--sp-3);border-radius:var(--r-md);border:var(--border-width) solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-md)}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur-normal) var(--ease),transform var(--dur-normal) var(--ease)}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-6px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{min-height:100vh;display:flex;flex-direction:column}.navbar-wrapper{position:sticky;top:1rem;z-index:50;display:flex;justify-content:center;width:100%;padding:0 var(--sp-4);pointer-events:none}.navbar-pill{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:.4rem .5rem .4rem .85rem;border-radius:var(--r-pill);border:var(--border-width) solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.navbar-pill:hover{box-shadow:var(--shadow-lg)}.brand{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none}.brand__logo{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--on-primary);border:1px solid var(--border)}.brand__name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.nav-right{display:flex;align-items:center;gap:var(--sp-2)}.new-drop-btn{height:36px;padding:0 var(--sp-3);font-size:.85rem;border-radius:var(--r-pill);border:1.5px solid var(--border);box-shadow:2px 2px 0 var(--border)}.new-drop-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.new-drop-btn:active{transform:translate(1.5px,1.5px);box-shadow:none}@media (max-width: 480px){.new-drop-text{display:none}.new-drop-btn{width:36px;padding:0;justify-content:center}}.theme-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);box-shadow:var(--shadow-sm);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.theme-btn:hover{color:var(--text);background:var(--surface-subtle);border-color:var(--border-strong)}.main-container{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:var(--sp-10) var(--sp-6) var(--sp-12)}@media (max-width: 640px){.main-container{padding:var(--sp-8) var(--sp-4) var(--sp-10)}}.footer{margin-top:auto;border-top:var(--border-thin) solid var(--border-muted);background:var(--surface);padding:var(--sp-6) var(--sp-4);color:var(--text-muted);font-size:.85rem}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4);max-width:1080px;margin:0 auto}.footer__brand{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.footer__name{font-weight:700;color:var(--text)}.footer__sep{color:var(--border-muted)}.footer__desc{color:var(--text-muted)}.creators{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.creators__label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle)}.creators__cards{display:flex;align-items:center;gap:var(--sp-2)}.creator-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:3px 10px 3px 4px;background:var(--surface-muted);border:1.5px solid var(--border);border-radius:var(--r-pill);box-shadow:2px 2px 0 var(--border);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.creator-badge:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.creator-badge__avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:.68rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.03em}.creator-badge__name{font-size:.82rem;font-weight:700;color:var(--text);white-space:nowrap}@media (max-width: 640px){.footer__inner{flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4)}.footer__brand,.creators{justify-content:center}}.file-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);border:var(--border-width) solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);flex-shrink:0}.dropzone-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);text-align:center;padding:clamp(var(--sp-8),6vw,var(--sp-12)) var(--sp-6);border-radius:var(--r-xl);border:var(--border-width) solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);width:100%;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.dropzone-card:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-lg)}.dropzone-card--over{background:var(--surface-muted);box-shadow:var(--shadow-pop);transform:translate(-2px,-2px)}.dropzone__input{display:none}.dropzone__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--r-lg);background:var(--surface-muted);border:var(--border-width) solid var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.dropzone__text{display:flex;flex-direction:column;gap:var(--sp-1)}.dropzone__title{font-size:1.2rem;font-weight:700;color:var(--text)}.dropzone__hint{font-size:.92rem;color:var(--text-muted)}.dropzone__action-btn{margin-top:var(--sp-1);min-width:180px}.dropzone__meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-1);font-size:.84rem;color:var(--text-muted)}.meta-tag{font-weight:500}.meta-dot{color:var(--border-muted)}.upload-view{display:flex;flex-direction:column;align-items:center;gap:var(--sp-8);max-width:640px;width:100%;margin:0 auto;padding:var(--sp-4) 0}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);max-width:540px}.hero__title{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--text);letter-spacing:-.035em;line-height:1.15}.hero__lede{font-size:1.05rem;color:var(--text-muted);line-height:1.55}.config-card{display:flex;flex-direction:column;gap:var(--sp-5);width:100%}.file-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-subtle);border:1px solid var(--border)}.file-card__main{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.file-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.file-card__name{font-weight:600;font-size:.95rem;word-break:break-all}.file-card__size{font-size:.82rem;color:var(--text-muted)}.progress-section{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) 0}.progress-header{display:flex;justify-content:space-between;font-size:.88rem;font-weight:600}.progress-title,.progress-pct{color:var(--text)}.progress-track{height:8px;border-radius:var(--r-pill);background:var(--surface-muted);border:1px solid var(--border);overflow:hidden}.progress-bar{height:100%;background:var(--primary);transition:width .15s ease-out}.settings-form{display:flex;flex-direction:column;gap:var(--sp-4)}.settings-title{font-size:1.05rem;font-weight:700}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field-label{font-size:.82rem;font-weight:600;color:var(--text)}.toggle-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:var(--border-width) solid var(--border);background:var(--surface-subtle);margin-top:var(--sp-2)}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:.88rem;font-weight:600;color:var(--text)}.toggle-desc{font-size:.8rem;color:var(--text-muted)}.toggle-switch{border:none;background:none;padding:0;cursor:pointer}.toggle-track{display:block;width:44px;height:24px;padding:2px;border-radius:var(--r-pill);border:var(--border-width) solid var(--border);background:var(--surface-muted);transition:background var(--dur-fast) var(--ease)}.toggle-track--on{background:var(--primary)}.toggle-knob{display:block;width:16px;height:16px;border-radius:50%;border:1px solid var(--border);background:var(--surface);transition:transform var(--dur-fast) var(--ease)}.toggle-track--on .toggle-knob{transform:translate(20px);background:var(--on-primary)}.error-banner{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:var(--border-width) solid var(--border);background:var(--surface-muted);color:var(--text);font-size:.88rem;font-weight:600}.action-footer{margin-top:var(--sp-2)}.generate-btn{width:100%}.select-menu{position:relative}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;height:44px;padding:0 var(--sp-3);border-radius:var(--r-md);border:var(--border-width) solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:.95rem;font-weight:600;box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);cursor:pointer}.select-trigger:hover{border-color:var(--border-focus)}.select-chevron{color:var(--text-muted);transition:transform var(--dur-fast) var(--ease)}.select-chevron--open{transform:rotate(180deg)}.select-dropdown{position:absolute;z-index:50;inset-inline:0;top:calc(100% + 4px);margin:0;padding:var(--sp-1);list-style:none;border-radius:var(--r-md);border:var(--border-width) solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);max-height:18rem;overflow:auto}.select-option{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:.92rem;font-weight:600;cursor:pointer;color:var(--text);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.select-option:hover,.select-option--active{background:var(--surface-subtle)}.select-option--selected{background:var(--primary-light);color:var(--primary-dark)}.select-check{color:var(--primary)}.share-result{display:flex;flex-direction:column;gap:var(--sp-6);width:100%}.result-header{display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:var(--sp-5);border-bottom:1px solid var(--border-muted)}.header-status{display:inline-flex;align-items:center;gap:var(--sp-2)}.status-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--primary);color:var(--on-primary);border:1px solid var(--border)}.status-text{font-size:.92rem;font-weight:800;letter-spacing:-.01em;color:var(--text)}.file-summary{display:flex;align-items:center;gap:var(--sp-3)}.file-summary__text{display:flex;flex-direction:column;gap:2px;min-width:0}.file-summary__name{font-size:1.15rem;font-weight:700;word-break:break-all}.file-summary__meta{font-size:.85rem;color:var(--text-muted)}.burn-tag{color:var(--text);font-weight:600}.result-grid{display:grid;grid-template-columns:1fr auto;gap:var(--sp-6);align-items:start}@media (max-width: 640px){.result-grid{grid-template-columns:1fr}}.link-column{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.copy-input-group{display:flex;gap:var(--sp-2)}.copy-input{font-size:.88rem;background:var(--surface-subtle)}.copy-btn{flex-shrink:0}.stats-table{display:flex;flex-direction:column;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-subtle);overflow:hidden}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);font-size:.85rem;border-bottom:1px solid var(--border-subtle)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-muted)}.stat-val{font-weight:600;color:var(--text)}.stat-val--mono{font-size:.8rem}.button-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.revoke-btn{margin-left:auto}@media (max-width: 640px){.revoke-btn{margin-left:0;width:100%}}.qr-column{display:flex;flex-direction:column}.qr-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-lg);border:var(--border-width) solid var(--border);background:var(--surface-subtle);box-shadow:var(--shadow-sm);text-align:center}.qr-img{border-radius:var(--r-sm);border:1px solid var(--border);background:#fff;padding:4px}.qr-label{font-size:.8rem;color:var(--text-muted)}.qr-download-btn{font-size:.8rem;height:32px;padding:0 var(--sp-3)}.file-view{max-width:640px;width:100%;margin:var(--sp-4) auto 0;display:flex;flex-direction:column;gap:var(--sp-6)}.centre-box{display:grid;place-items:center;padding:var(--sp-12) 0}.spinner-box{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border-muted);border-top-color:var(--border);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-text{font-size:.92rem;color:var(--text-muted)}.error-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-6)}.error-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-md);background:var(--surface-muted);color:var(--text);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-sm)}.error-title{font-size:1.35rem;font-weight:700}.error-text{font-size:.95rem;color:var(--text-muted);max-width:24rem;margin-bottom:var(--sp-2)}.ready-card{display:flex;flex-direction:column;gap:var(--sp-6)}.file-header{display:flex;flex-direction:column;gap:var(--sp-3);padding-bottom:var(--sp-5);border-bottom:1px solid var(--border-muted)}.file-header__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2)}.file-ready-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--text)}.burn-indicator{font-size:.8rem;font-weight:600;color:var(--text-muted)}.file-header__main{display:flex;align-items:flex-start;gap:var(--sp-3);min-width:0}.file-header__titles{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.file-name{font-size:clamp(1.05rem,3.5vw,1.25rem);font-weight:700;line-height:1.35;word-break:break-word;overflow-wrap:anywhere}.file-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1);font-size:.85rem;color:var(--text-muted)}.meta-sep{margin:0 var(--sp-1);color:var(--border-muted)}.gate-section{padding:var(--sp-2) 0}.gate-box{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);border:var(--border-width) solid var(--border);background:var(--surface-subtle);box-shadow:var(--shadow-sm)}.gate-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);color:var(--text);flex-shrink:0}.gate-content{flex:1;display:flex;flex-direction:column;gap:var(--sp-1)}.gate-title{font-size:1rem;font-weight:700}.gate-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--sp-2)}.gate-input-row{display:flex;gap:var(--sp-2);max-width:22rem}.gate-error{margin-top:var(--sp-1);font-size:.82rem;color:var(--text);font-weight:600}.download-action{display:flex}.download-btn{width:100%}.preview-panel{border-radius:var(--r-lg);overflow:hidden;border:var(--border-width) solid var(--border);background:var(--surface);box-shadow:var(--shadow-md)}.preview__canvas{width:100%;position:relative}.preview__canvas--center{display:flex;justify-content:center;align-items:center;background:var(--surface-subtle);padding:var(--sp-4);max-height:65vh}.preview__image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:var(--r-sm);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.preview__video{max-width:100%;max-height:60vh;border-radius:var(--r-sm);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.preview__canvas--audio{padding:var(--sp-6) var(--sp-4);display:flex;justify-content:center;background:var(--surface-subtle)}.audio-player-card{display:flex;align-items:center;gap:var(--sp-4);width:100%;max-width:440px;padding:var(--sp-4);border-radius:var(--r-md);border:var(--border-width) solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.audio-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-md);background:var(--surface-muted);border:1px solid var(--border);color:var(--text)}.audio-control{flex:1}.preview__canvas--pdf{height:520px;background:var(--surface-subtle)}.preview__frame{width:100%;height:100%;border:none}.preview__canvas--text{background:var(--surface-subtle)}.code-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--surface-muted);border-bottom:1px solid var(--border)}.code-dot{width:10px;height:10px;border-radius:50%}.code-dot.red{background:#ff5f56}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#27c93f}.code-title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-left:var(--sp-2)}.preview__text{margin:0;padding:var(--sp-4);font-family:var(--font-mono);font-size:.88rem;line-height:1.6;color:var(--text);overflow:auto;max-height:400px;white-space:pre-wrap;word-break:break-all}.toast-container{position:fixed;z-index:100;bottom:var(--sp-6);right:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none;max-width:calc(100vw - 2 * var(--sp-6))}@media (max-width: 640px){.toast-container{bottom:var(--sp-4);right:var(--sp-4);left:var(--sp-4);max-width:none}}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastIn .2s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast__icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;flex-shrink:0}.toast--success .toast__icon{background:var(--primary);color:var(--on-primary)}.toast--danger .toast__icon{background:var(--danger);color:var(--on-danger)}.toast--info .toast__icon{background:var(--surface-muted);color:var(--text-muted)}