@font-face{font-family:SavePop Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/savepop-sans-cyrillic-ext.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:SavePop Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/savepop-sans-cyrillic.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:SavePop Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/savepop-sans-vietnamese.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:SavePop Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/savepop-sans-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:SavePop Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/savepop-sans-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:SavePop Sans Fallback;src:local("Arial");ascent-override:101.01%;descent-override:35.27%;line-gap-override:0%;size-adjust:100.07%}:root{--color-pop-green:#58cc02;--color-pop-blue:#1cb0f6;--color-pop-mint:#d7ffb8;--color-ink-gray:#4b4b4b;--color-eager-green:#247c54;--color-storybook-green:#edf7f1;--color-spark-blue:#2c7560;--color-fresh-leaf:#b9ddc8;--color-night-ink:#17221d;--color-surface:#ffffff;--color-charcoal:#30363b;--color-pencil-gray:#68727c;--color-faded-gray:#b8c0c7;--border-subtle:#e1e6e3;--color-red:#ed2236;--color-red-medium:#ce3030;--color-red-dark:#d61c2e;--color-info:#2c7560;--color-magenta:#eb445a;--color-purple:#7057d9;--color-orange:#f19a38;--button-base:#f5f7f6;--button-hover:#edf7f1;--button-press:#dceee4;--button-elevated:#eeeeee;--button-elevated-hover:#e2e2e2;--button-elevated-press:#d8d8d8;--color-eager-green-hover:#1d6846;--dialog-backdrop:rgba(0,4,55,0.32);--font-sans:"SavePop Sans","SavePop Sans Fallback",ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-rounded:var(--font-sans);--font-mono:"Noto Sans Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--page-max:1200px;--header-height:76px;--radius:12px;--radius-card:13px;--radius-popover:18px;--radius-dialog:22px;--radius-pill:999px;--spring:cubic-bezier(0.22,1.45,0.36,1);--reveal-delay:0ms;color-scheme:light}[data-theme=dark]{--color-surface:#141917;--color-storybook-green:#1d392d;--color-eager-green:#65c795;--color-spark-blue:#72b9a2;--color-charcoal:#f1f4f2;--color-pencil-gray:#adb7b1;--color-faded-gray:#59635e;--border-subtle:#303a35;--color-info:#55c6fb;--button-base:#1c231f;--button-hover:#213d31;--button-press:#294c3d;--button-elevated:#242d28;--button-elevated-hover:#2b352f;--button-elevated-press:#334038;--color-eager-green-hover:#7bd4a6;--dialog-backdrop:rgba(0,2,24,0.72);color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-surface:#141917;--color-storybook-green:#1d392d;--color-eager-green:#65c795;--color-spark-blue:#72b9a2;--color-charcoal:#f1f4f2;--color-pencil-gray:#adb7b1;--color-faded-gray:#59635e;--border-subtle:#303a35;--color-info:#55c6fb;--button-base:#1c231f;--button-hover:#213d31;--button-press:#294c3d;--button-elevated:#242d28;--button-elevated-hover:#2b352f;--button-elevated-press:#334038;--color-eager-green-hover:#7bd4a6;--dialog-backdrop:rgba(0,2,24,0.72);color-scheme:dark}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--color-surface);color:var(--color-charcoal);font-family:var(--font-sans);font-size:17px;line-height:1.6;font-weight:500;transition:background-color .16s ease,color .16s ease}::selection{background:var(--color-storybook-green);color:var(--color-night-ink)}[data-theme=dark] ::selection{color:#f1f4f2}h1,h2,h3,h4{font-weight:700;line-height:1.2;margin:0 0 16px;color:var(--color-charcoal);text-wrap:balance}h1{font-size:clamp(34px,5vw,48px);letter-spacing:-.96px}h2{font-size:clamp(26px,3.4vw,32px)}h3{font-size:19px;margin-bottom:8px}p{margin:0 0 16px}a{color:var(--color-spark-blue);text-decoration-thickness:1px;text-underline-offset:3px}:focus-visible{outline:3px solid var(--color-spark-blue);outline-offset:2px;border-radius:6px}a:not([class]):focus-visible{outline-offset:4px}img,svg{display:block;max-width:100%}code{font-family:var(--font-mono);font-size:.9em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{max-width:var(--page-max);margin:0 auto;padding:0 24px}main{min-height:60vh}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--color-surface);border-bottom:1px solid var(--border-subtle)}.site-header .container{gap:16px;height:var(--header-height)}.brand,.site-header .container{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;margin-right:8px}.brand svg{width:40px;height:40px}.brand-word{font-size:22px;font-weight:700;color:var(--color-charcoal);letter-spacing:-.3px}.main-nav{display:flex;align-items:center;gap:6px;flex:1 1}.nav-spacer{flex:1 1}.nav-tab{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 14px;border-radius:var(--radius);border:1px solid transparent;color:var(--color-charcoal);text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.4px;transition:background-color .16s ease,border-color .16s ease,transform .16s var(--spring)}.nav-tab svg{width:24px;height:24px;stroke-width:2.2}.nav-tab:hover{background:var(--button-hover);transform:translateY(-2px)}.nav-tab:active{transform:scale(.97)}.nav-tab[aria-current=page],.nav-tab[data-active=true]{background:var(--color-storybook-green);border-color:var(--color-eager-green)}.beta-badge{font-size:11px;font-weight:700;color:var(--color-eager-green);align-self:flex-start;margin-left:-4px}.nav-label{display:inline}@media (max-width:535px){.site-header .container{height:60px;justify-content:center}.main-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--color-surface);border-top:1px solid var(--border-subtle);padding:6px 8px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;gap:2px}.nav-tab{flex-direction:column;gap:2px;padding:4px 10px;font-size:10px;letter-spacing:.2px;min-height:50px}.nav-tab:hover{transform:none}.nav-spacer,.nav-tab[data-secondary=true]{display:none}body{padding-bottom:72px}}.site-footer{border-top:1px solid var(--border-subtle);margin-top:96px;padding:48px 0 40px;font-size:15px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:32px;gap:32px}@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-brand .brand{margin-bottom:12px}.footer-tagline{color:var(--color-pencil-gray);font-size:14px;max-width:280px}.site-footer h2{font-size:14.5px;margin-bottom:12px}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.site-footer li a{color:var(--color-pencil-gray);text-decoration:none;font-weight:600;font-size:14px}.site-footer li a:hover{color:var(--color-eager-green);text-decoration:underline}.footer-fine{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-subtle);color:var(--color-pencil-gray);display:flex;flex-wrap:wrap;gap:8px 24px}.breadcrumbs,.footer-fine{font-size:14px;font-weight:600}.breadcrumbs{padding:20px 0 4px}.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;color:var(--color-pencil-gray)}.breadcrumbs li+li:before{content:"/";margin-right:6px;color:var(--color-faded-gray)}.breadcrumbs a{color:var(--color-pencil-gray);text-decoration:none}.breadcrumbs a:hover{color:var(--color-eager-green);text-decoration:underline}.breadcrumbs [aria-current=page],.btn{color:var(--color-charcoal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--color-faded-gray);background:var(--button-base);font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s var(--spring)}.btn:hover{background:var(--button-hover);border-color:var(--color-eager-green);transform:translateY(-2px)}.btn:active{background:var(--button-press);transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn svg{width:20px;height:20px}.btn-elevated{background:var(--button-elevated);border-color:transparent}.btn-elevated:hover{background:var(--button-elevated-hover);border-color:transparent}.btn-elevated:active{background:var(--button-elevated-press)}.btn-active,.btn[aria-current=page],.btn[aria-pressed=true]{background:var(--color-storybook-green);border-color:var(--color-eager-green);color:var(--color-eager-green)}[data-theme=dark] .btn-active,[data-theme=dark] .btn[aria-pressed=true]{color:var(--color-eager-green)}.btn-destructive{background:var(--color-red);border-color:var(--color-red);color:#fff}.btn-destructive:hover{background:var(--color-red-medium);border-color:var(--color-red-medium)}.btn-brand{background:var(--color-pop-green);border-color:var(--color-pop-green);color:#fff}.btn-brand:hover{background:#4cb302;border-color:#4cb302;color:#fff}.btn-icon{padding:7px;width:40px}.eyebrow{display:block;font-size:13px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--color-eager-green);margin-bottom:10px}.section{padding:64px 0 0}.section-sub{font-size:19px;line-height:1.4;color:var(--color-pencil-gray);max-width:640px;margin-bottom:24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.section-link{font-weight:700;white-space:nowrap}.hero{padding:48px 0 0}.hero .intro{font-size:19px;line-height:1.5;color:var(--color-pencil-gray);max-width:720px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:5px 12px;font-size:13px;font-weight:600;color:var(--color-pencil-gray);background:var(--color-surface)}.chip svg{width:15px;height:15px;color:var(--color-eager-green)}.workbench{margin-top:40px;border:1px solid var(--border-subtle);border-radius:var(--radius-popover);padding:24px;background:var(--color-surface)}.workbench h2{font-size:24px;letter-spacing:-.5px;margin-bottom:6px}.workbench-lead{color:var(--color-pencil-gray);font-size:15px;margin-bottom:16px}.workbench-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.formats-badge,.status-pill{font-size:13px;font-weight:600;color:var(--color-pencil-gray);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:5px 12px}.status-pill{display:inline-flex;align-items:center;gap:7px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--color-faded-gray)}.status-pill[data-state=ok] .status-dot{background:var(--color-pop-green)}.status-pill[data-state=error] .status-dot{background:var(--color-red)}.omnibox{display:flex;gap:0;border:1px solid var(--color-faded-gray);border-radius:14px;overflow:hidden;background:var(--color-surface);transition:border-color .16s ease}.omnibox:focus-within{border-color:var(--color-eager-green)}.omnibox-icon{display:flex;align-items:center;padding-left:14px;color:var(--color-pencil-gray)}.omnibox-icon svg{width:22px;height:22px}.omnibox input{flex:1 1;min-width:0;border:0;background:transparent;color:var(--color-charcoal);font:inherit;font-size:15px;font-weight:600;padding:14px 12px}.omnibox input:focus{outline:none}.omnibox input::placeholder{color:var(--color-pencil-gray);opacity:.8}.omnibox-clear{border:0;background:transparent;color:var(--color-pencil-gray);cursor:pointer;padding:0 10px;display:flex;align-items:center}.omnibox-clear svg{width:18px;height:18px}.omnibox-download{border:0;border-left:1px solid var(--color-faded-gray);background:var(--button-base);color:var(--color-charcoal);font:inherit;font-size:14px;font-weight:700;padding:0 22px;cursor:pointer;white-space:nowrap;transition:background-color .16s ease,color .16s ease}.omnibox-download:hover:not(:disabled){background:var(--color-storybook-green);color:var(--color-eager-green)}.omnibox-download:disabled{opacity:.5;cursor:not-allowed}.workbench-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.mode-switch{display:inline-flex;gap:6px}.workbench-note{margin-top:14px;font-size:13px;color:var(--color-pencil-gray)}.paste-label-coarse{display:none}@media (pointer:coarse){.paste-label-fine{display:none}.paste-label-coarse{display:inline}}.workbench-error{margin-top:14px;display:flex;gap:12px;align-items:flex-start;border:2px solid var(--color-charcoal);border-radius:var(--radius-card);padding:14px;font-size:14px;font-weight:600}.workbench-error img{width:44px;height:44px;flex:none}.trust-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:20px;font-size:14px;font-weight:600;color:var(--color-pencil-gray)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:28px}@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.card-grid{grid-template-columns:1fr}}.tool-card{display:block;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--color-surface);padding:18px;text-decoration:none;color:inherit;transition:transform .2s var(--spring),border-color .16s ease}.tool-card:hover{transform:translateY(-2px);border-color:var(--color-eager-green)}.tool-card .tool-icon{width:40px;height:40px;margin-bottom:12px}.tool-card h3{font-size:16px;margin-bottom:4px}.tool-card .tool-line{color:var(--color-pencil-gray);font-size:14px;margin-bottom:10px}.tool-card .tool-formats{font-size:13px;font-weight:600;color:var(--color-pencil-gray)}.step-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:18px}.step-num{font-size:13px;font-weight:700;letter-spacing:1px;display:block}.step-card svg,.step-num{color:var(--color-eager-green);margin-bottom:10px}.step-card svg{width:26px;height:26px}.step-card h3{font-size:16px}.step-card p{font-size:14.5px;color:var(--color-pencil-gray);margin:0}.feature-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:18px}.feature-card .check{width:26px;height:26px;border-radius:50%;background:var(--color-storybook-green);color:var(--color-eager-green);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.feature-card .check svg{width:16px;height:16px}.feature-card h3{font-size:16px}.feature-card p{font-size:14.5px;color:var(--color-pencil-gray);margin:0}.guide-card{display:block;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:18px;text-decoration:none;color:inherit;transition:transform .2s var(--spring),border-color .16s ease}.guide-card:hover{transform:translateY(-2px);border-color:var(--color-eager-green)}.guide-card .guide-num{font-size:13px;font-weight:700;color:var(--color-eager-green);letter-spacing:1px}.guide-card h3{font-size:17px;margin:8px 0 6px}.guide-card p{font-size:14px;color:var(--color-pencil-gray);margin:0 0 10px}.guide-card .read-time{font-size:13px;font-weight:600;color:var(--color-pencil-gray)}.editorial{max-width:760px}.editorial p,.editorial ul{line-height:1.8}.editorial ul{margin:0 0 16px;padding-left:22px}.editorial li{margin-bottom:6px}.seo-block p{font-size:17px;line-height:1.8}.faq-list{display:grid;grid-gap:12px;gap:12px;margin-top:24px;max-width:760px}details.faq{border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:0;background:var(--color-surface)}details.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-weight:700;font-size:16px}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--color-pencil-gray);border-bottom:2px solid var(--color-pencil-gray);transform:rotate(45deg);transition:transform .2s var(--spring)}details.faq[open] summary:after{transform:rotate(225deg)}details.faq .faq-answer{padding:0 18px 16px;color:var(--color-pencil-gray);font-size:15px;line-height:1.7}.dialog-backdrop{position:fixed;inset:0;background:var(--dialog-backdrop);z-index:90;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{position:relative;background:var(--color-surface);border:2px solid var(--color-charcoal);border-radius:var(--radius-dialog);padding:18px;max-width:420px;width:100%;animation:dialog-in .42s var(--spring)}.dialog .dialog-mascot{position:absolute;top:-44px;left:24px;width:64px;height:64px}.dialog h2{font-size:20px;letter-spacing:-.5px;margin:8px 0}.dialog p{font-size:14.5px;color:var(--color-pencil-gray)}@media (max-width:535px){.dialog-backdrop{align-items:flex-end;padding:0}.dialog{max-width:none;border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;border-bottom:0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}@keyframes dialog-in{0%{transform:translateY(18px) scale(.96);opacity:0}to{transform:none;opacity:1}}.popover{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 32px));background:var(--color-surface);border:2px solid var(--color-faded-gray);border-radius:var(--radius-popover);padding:14px;z-index:60;transform-origin:top right;animation:popover-in .32s var(--spring)}@keyframes popover-in{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}.queue-root{justify-content:flex-end;height:0}.queue-button,.queue-root{position:relative;display:flex}.queue-button{top:16px;width:46px;height:46px;border-radius:50%;border:1px solid var(--color-faded-gray);background:var(--color-surface);color:var(--color-charcoal);cursor:pointer;align-items:center;justify-content:center;transition:transform .16s var(--spring),border-color .16s ease}.queue-button:hover{transform:translateY(-2px);border-color:var(--color-eager-green)}.queue-button svg{width:22px;height:22px}.queue-ring{position:absolute;inset:-5px;transform:rotate(-90deg)}.queue-ring circle{fill:none;stroke-width:3}.queue-ring .track{stroke:transparent}.queue-ring .bar{stroke:var(--color-info);stroke-linecap:round;transition:stroke-dashoffset .3s ease}.queue-panel{top:calc(100% + 26px)}.queue-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;color:var(--color-pencil-gray);font-size:13.5px;font-weight:600;text-align:center}.queue-empty img{width:56px;height:56px}.queue-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px;max-height:320px;overflow:auto}.queue-item{border:1px solid var(--border-subtle);border-radius:var(--radius);padding:10px 12px;font-size:13px;font-weight:600}.queue-item .q-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.queue-item .q-status{color:var(--color-pencil-gray);font-size:12.5px;display:flex;justify-content:space-between;align-items:center;gap:8px}.queue-item .q-actions{display:flex;gap:8px}.queue-item .q-actions button{border:0;background:none;color:var(--color-spark-blue);font:inherit;font-size:12.5px;cursor:pointer;padding:2px}.progress-bar{height:6px;border-radius:3px;background:var(--button-elevated);overflow:hidden;margin-top:6px}.progress-bar>span{display:block;height:100%;border-radius:3px;background:var(--color-eager-green);transition:width .24s ease}.progress-bar[data-indeterminate=true]>span{width:40%!important;animation:indeterminate 1.2s ease-in-out infinite}@keyframes indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toggle{position:relative;width:46px;height:26px;border-radius:var(--radius-pill);border:0;background:var(--color-faded-gray);cursor:pointer;transition:background-color .16s ease;flex:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s var(--spring)}.toggle[aria-checked=true]{background:var(--color-eager-green)}.toggle[aria-checked=true]:after{transform:translateX(20px)}.app-page h1{font-size:24px;letter-spacing:-1px;margin-bottom:20px}.app-page h3{font-size:16px;margin:28px 0 8px}.app-page li,.app-page p{font-size:14.5px;line-height:1.7;color:var(--color-pencil-gray)}.app-page strong{color:var(--color-charcoal)}.sub-nav{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 28px}.settings-group{border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:4px 16px;margin-bottom:16px;max-width:640px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0}.settings-row+.settings-row{border-top:1px solid var(--border-subtle)}.settings-row .s-label{font-size:14.5px;font-weight:600}.settings-row .s-sub{display:block;font-size:12.5px;font-weight:500;color:var(--color-pencil-gray);margin-top:2px}.settings-row input[type=text],.settings-row input[type=url],.settings-row select{font:inherit;font-size:13.5px;font-weight:600;color:var(--color-charcoal);background:var(--button-base);border:1px solid var(--color-faded-gray);border-radius:10px;padding:8px 10px;max-width:220px}.seg-group{display:inline-flex;gap:6px;flex-wrap:wrap}.playlist-panel{margin-top:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:16px}.playlist-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.playlist-controls input[type=search]{flex:1 1;min-width:180px;font:inherit;font-size:14px;font-weight:600;border:1px solid var(--color-faded-gray);border-radius:10px;padding:8px 12px;background:var(--color-surface);color:var(--color-charcoal)}.playlist-count{font-size:13.5px;font-weight:700;color:var(--color-eager-green)}.playlist-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px;max-height:420px;overflow:auto}.playlist-item{display:flex;align-items:center;gap:12px;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:8px 12px}.playlist-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-eager-green);flex:none}.playlist-item img{width:64px;height:36px;object-fit:cover;border-radius:6px;background:var(--button-elevated);flex:none}.playlist-item .pl-title{flex:1 1;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item .pl-state{font-size:12.5px;font-weight:600;color:var(--color-pencil-gray);white-space:nowrap}.playlist-item[data-state=completed] .pl-state{color:var(--color-eager-green)}.playlist-item[data-state=failed] .pl-state{color:var(--color-red)}.dropzone{margin-top:32px;border:2px dashed var(--color-faded-gray);border-radius:var(--radius-popover);padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.dropzone:hover,.dropzone[data-drag=true]{border-color:var(--color-eager-green);background:var(--color-storybook-green)}.dropzone img{width:72px;height:72px}.dropzone .dz-label{font-size:16px;font-weight:700}.dropzone .dz-formats{font-size:13px;color:var(--color-pencil-gray);font-weight:600}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:40px}@media (max-width:800px){.note-grid{grid-template-columns:1fr}}.note-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:18px}.note-card h2{font-size:15px;margin-bottom:8px}.note-card p{font-size:14px;color:var(--color-pencil-gray);margin:0}.skeleton{border-radius:8px;background:linear-gradient(100deg,var(--button-base) 40%,var(--button-elevated) 50%,var(--button-base) 60%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:no-preference){.reveal{opacity:.0001;transform:translateY(28px);animation:reveal .7s ease forwards;animation-delay:var(--reveal-delay);animation-timeline:view(block 92% 0);animation-range:entry}@supports not (animation-timeline:view()){.reveal{opacity:1;transform:none;animation:none}}}@keyframes reveal{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[data-reduce-motion=true] *,[data-reduce-motion=true] :after,[data-reduce-motion=true] :before{animation:none!important;transition:none!important}[data-reduce-transparency=true] .dialog-backdrop{background:var(--color-surface)}.error-page{padding:96px 0;text-align:center}.error-page img{width:96px;height:96px;margin:0 auto 24px}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}