/* Shared homepage category accents across the isolated redesign. */
#preview-shell [data-page]{--section-accent:#7b91c2;--section-ink:var(--md-on-surface,var(--ink));--section-line:var(--md-outline-variant,var(--line));--section-surface:var(--md-surface,var(--surface))}
#preview-shell [data-page="downloads"]{--section-accent:#29b7cf}
#preview-shell [data-page="youtube"]{--section-accent:#c65d64}
#preview-shell [data-page="anime"]{--section-accent:#d8892e}
#preview-shell [data-page="manga"]{--section-accent:#738bce}
#preview-shell [data-page="services"]{--section-accent:#2fa36f}
#preview-shell [data-page]:not([data-page="home"]) .likebox{border-left:2px solid var(--section-accent)!important;padding-left:10px;background:color-mix(in srgb,var(--section-accent) 2%,var(--section-surface))!important}
#preview-shell [data-page]:not([data-page="home"]) :is(.anime-tool-card,.lab-detail,.lab-media-card,.lab-panel,.lab-tool-card,.lab-service-card,.lab-result-card,.result-card,.detail-hero){border-top:1px solid color-mix(in srgb,var(--section-accent) 25%,var(--section-line))!important}
#preview-shell [data-page]:not([data-page="home"]) :is(input,select,button,a):focus-visible{outline-color:var(--section-accent)!important}

#preview-shell [data-page]:not([data-page="home"]) .lab-section-title{position:relative}
#preview-shell [data-page]:not([data-page="home"]) .lab-section-title::after{content:"";position:absolute;bottom:-1px;left:0;width:24px;height:1px;background:var(--section-accent)}
/* Keep navigation text neutral; accent only the selected underline. */
#preview-shell [data-page]:not([data-page="home"]) .lab-tabs .active{border-bottom-color:color-mix(in srgb,var(--section-accent) 65%,var(--section-line))!important}
#preview-shell .anime-card .lab-title-button{position:relative;display:block;width:100%;text-align:left!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 0 7px!important;min-height:0!important;color:var(--section-ink)!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important}
#preview-shell .anime-card .lab-title-button::after{content:"";position:absolute;left:0;bottom:1px;width:22px;height:1px;background:var(--section-accent);opacity:.45;transition:width .15s ease,opacity .15s ease}
#preview-shell .anime-card .lab-title-button:hover::after,#preview-shell .anime-card .lab-title-button:focus-visible::after{width:38px;opacity:.8}
#preview-shell .anime-card [data-save-toggle]{background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface))!important;border-color:color-mix(in srgb,var(--section-accent) 18%,var(--section-line))!important}
@media(prefers-reduced-motion:reduce){#preview-shell .anime-card .lab-title-button::after{transition:none}}
/* Quiet interaction feedback; opening Save does not resize the card grid. */
#preview-shell .anime-card{position:relative;transition:border-color .16s ease,box-shadow .16s ease}
#preview-shell .anime-card .lab-save-menu{position:absolute;left:10px;right:10px;bottom:48px;z-index:3;padding:10px;border:1px solid color-mix(in srgb,var(--section-accent) 22%,var(--section-line));border-radius:7px;background:var(--section-surface);box-shadow:0 5px 15px rgba(25,40,60,.12)}
#preview-shell .anime-card .lab-save-menu select{min-height:32px;border-radius:5px}
#preview-shell .anime-card [data-save-toggle]{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
#preview-shell .anime-card [data-save-toggle][data-saved="true"]{border-color:color-mix(in srgb,var(--section-accent) 32%,var(--section-line))!important}
#preview-shell .anime-card [data-save-toggle][aria-expanded="true"]{background:color-mix(in srgb,var(--section-accent) 9%,var(--section-surface))!important}
@media(hover:hover){
#preview-shell .anime-card:hover{transform:none!important;border-color:color-mix(in srgb,var(--section-accent) 30%,var(--section-line))!important;box-shadow:0 3px 10px rgba(25,40,60,.06)!important}
#preview-shell .anime-card [data-save-toggle]:hover{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface))!important;border-color:color-mix(in srgb,var(--section-accent) 38%,var(--section-line))!important}
#preview-shell .anime-card .lab-title-button:hover{color:var(--section-accent)!important}
}
#preview-shell .anime-card [data-save-toggle]:active{box-shadow:inset 0 1px 3px rgba(25,40,60,.12)!important}
@media(prefers-reduced-motion:reduce){#preview-shell .anime-card,#preview-shell .anime-card [data-save-toggle]{transition:none}}
/* Consistent action feedback without changing button sizes. */
#preview-shell [data-page]:not([data-page="home"]) :is(button.primary,.anime-tool-card button[type="submit"]){transition:filter .15s ease,box-shadow .15s ease,border-color .15s ease}
@media(hover:hover){
#preview-shell [data-page]:not([data-page="home"]) button.primary:not(:disabled):hover{filter:brightness(1.08);box-shadow:0 2px 7px rgba(30,45,65,.14),inset 0 -2px rgba(255,255,255,.16)!important}
#preview-shell .anime-tool-card button[type="submit"]:hover{filter:brightness(.98);border-color:var(--md-outline)!important;box-shadow:0 2px 7px rgba(30,45,65,.09),inset 0 -2px rgba(30,45,65,.08)!important}
}
#preview-shell [data-page]:not([data-page="home"]) :is(button.primary,.anime-tool-card button[type="submit"]):not(:disabled):active{filter:brightness(.96);box-shadow:inset 0 1px 3px rgba(30,45,65,.18)!important}
#preview-shell .lab-nav button{--nav-accent:#7b91c2}
#preview-shell .lab-nav button[data-preview-href="/anime.html"]{--nav-accent:#d8892e}
#preview-shell .lab-nav button[data-preview-href="/manga.html"]{--nav-accent:#738bce}
#preview-shell .lab-nav button[data-preview-href="/down/"]{--nav-accent:#29b7cf}
#preview-shell .lab-nav button[data-preview-href="/services.html"]{--nav-accent:#2fa36f}
#preview-shell .lab-nav button[aria-current="page"]{border-color:color-mix(in srgb,var(--nav-accent) 28%,var(--md-outline-variant,var(--line)))!important;background:color-mix(in srgb,var(--nav-accent) 7%,var(--md-surface,var(--surface)))!important;box-shadow:inset 0 -2px color-mix(in srgb,var(--nav-accent) 55%,transparent)!important}
#preview-shell .lab-nav button[aria-current="page"] .lab-nav-icon{color:var(--nav-accent)!important;background:color-mix(in srgb,var(--nav-accent) 9%,transparent)!important}
@media(prefers-reduced-motion:reduce){#preview-shell [data-page] :is(button.primary,.anime-tool-card button[type="submit"]){transition:none}}
/* Manga catalogue actions and compact reading status menu. */
#preview-shell .manga-card .lab-title-button{white-space:normal!important;overflow-wrap:anywhere}
#preview-shell .manga-card .manga-read-button{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:auto;margin-bottom:6px;min-height:29px;font-size:8px;transition:background-color .15s,border-color .15s}
#preview-shell .manga-card .manga-save-toggle{width:100%;font-size:8px;min-height:29px;background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface))!important;border-color:color-mix(in srgb,var(--section-accent) 18%,var(--section-line))!important}
#preview-shell .manga-save-popup{position:absolute;bottom:46px;left:10px;right:10px;z-index:3;padding:10px;background:var(--section-surface);border:1px solid var(--section-line);border-radius:7px;box-shadow:0 5px 15px rgba(25,40,60,.12)}
#preview-shell .manga-save-popup .menu{margin:0!important;padding:0!important;font-size:8px}
#preview-shell .manga-save-popup label{display:grid;gap:5px}
#preview-shell .manga-save-popup [data-manga-saved-message]{display:block;margin-top:5px}
@media(hover:hover){#preview-shell .manga-card :is(.manga-read-button,.manga-save-toggle):hover{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface))!important;border-color:color-mix(in srgb,var(--section-accent) 38%,var(--section-line))!important}}
#preview-shell .manga-filter-grid{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(100px,1fr));gap:9px 12px}
#preview-shell .manga-filter-grid :is(input,select){font-weight:400!important;height:32px;min-height:32px}
#preview-shell .manga-filter-grid button{height:32px;min-height:32px}
@media(max-width:680px){#preview-shell .manga-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){#preview-shell .manga-filter-grid{grid-template-columns:minmax(0,1fr)}}
/* Neutral body surfaces and readable, consistently scaled display controls. */
#preview-shell [data-page]:not([data-page="home"]) .likebox{background:var(--section-surface)!important}
.site-head .size-control[data-preview-size="13"]{font-size:11px!important}
.site-head .size-control[data-preview-size="14"]{font-size:13px!important}
.site-head .size-control[data-preview-size="16"]{font-size:15px!important}
.site-head .size-control[data-preview-size="18"]{font-size:17px!important}
#preview-shell .manga-filter-grid .manga-clear-filters{display:flex;align-items:center;justify-content:center;justify-self:end;min-height:32px;font-size:8px;text-decoration:none;padding:0 12px;margin-left:8px}
#preview-shell .manga-card [data-manga-entry]{margin-top:8px!important;padding:9px 0 0!important;border-top:1px solid var(--md-outline-variant);font-size:8px}
#preview-shell .manga-card [data-manga-entry]>label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--md-on-surface-variant)}
#preview-shell .manga-card [data-manga-status]{width:auto!important;min-width:0;flex:1;min-height:26px!important;height:26px!important;padding:0 24px 0 7px!important;font-size:8px;font-weight:400;color:var(--md-on-surface);border-radius:5px}
#preview-shell .manga-library-link{display:inline-block;margin-top:6px;font-size:7px;text-decoration:none}
#preview-shell .manga-library-link:hover{text-decoration:underline}
#preview-shell .manga-card [data-manga-saved-message]{display:block;font-size:7px;margin-top:4px}

/* Catalogue canvas stays neutral; accents remain within headings and cards. */
#preview-shell :is([data-page="anime"],[data-page="manga"]) .lab-section:not(.tonal){background:var(--md-surface,var(--surface))!important}

/* Shared pagination typography and aligned catalogue filter actions. */
#preview-shell .catalogue-pagination>span{font-size:8px;font-weight:700;color:var(--md-on-surface-variant);white-space:nowrap}
#preview-shell .manga-filter-grid :is(button[type="submit"],.manga-clear-filters){align-self:end;height:32px!important;min-height:32px!important;box-sizing:border-box;margin-top:0;margin-bottom:0}
/* Chapter links share the anime Save button's quiet interaction treatment. */
#preview-shell .manga-card .manga-read-button{background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface))!important;border-color:color-mix(in srgb,var(--section-accent) 18%,var(--section-line))!important;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
@media(hover:hover){#preview-shell .manga-card .manga-read-button:hover{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface))!important;border-color:color-mix(in srgb,var(--section-accent) 38%,var(--section-line))!important}}
#preview-shell .manga-card .manga-read-button:active{box-shadow:inset 0 1px 3px rgba(25,40,60,.12)!important}
@media(prefers-reduced-motion:reduce){#preview-shell .manga-card .manga-read-button{transition:none}}
#preview-shell .manga-library-section #manga-library-list>.menu{padding:14px;margin-top:12px;border:1px solid var(--section-line);border-radius:9px;background:var(--section-surface);font-size:10px;line-height:1.6}
#preview-shell .manga-library-section #manga-library-list table{border-collapse:collapse}
#preview-shell .manga-library-section #manga-library-list td{padding:0 10px 0 0}
#preview-shell .manga-library-section #manga-library-list img{border-radius:6px;object-fit:cover}
#preview-shell .manga-library-section #manga-library-list :is(button,select){font-size:9px;min-height:29px}
#preview-shell .manga-library-section #manga-library-list .navi{font-size:8px;font-weight:700;color:var(--md-on-surface-variant)}

/* Saved titles use the integrated media cards, with native library actions. */
#preview-shell #manga-library-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
#preview-shell #manga-library-list>hr{display:none}
#preview-shell .manga-library-card{overflow:hidden;border:1px solid var(--section-line);border-radius:12px;background:var(--section-surface)}
#preview-shell .manga-library-card-layout{height:100%;display:flex;flex-direction:column}
#preview-shell .manga-library-card .lab-poster{display:block;aspect-ratio:3/4;overflow:hidden}
#preview-shell .manga-library-card img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important}
#preview-shell .manga-library-card .lab-card-body{padding:10px;display:flex;flex-direction:column;gap:10px;flex:1;font-size:9px}
#preview-shell .manga-library-card .lab-card-body>a{font-size:12px;font-weight:800;line-height:1.35;color:var(--section-ink);text-decoration:none}
#preview-shell .manga-library-card .lab-card-body>a:hover{color:var(--section-accent)}
#preview-shell .manga-library-actions{margin-top:auto;line-height:2}
#preview-shell .manga-library-actions select{display:block;width:100%;min-height:30px;font-size:9px}
#preview-shell .manga-library-card button{min-height:29px;font-size:9px}
#preview-shell #manga-library-list>.menu{grid-column:1/-1}
@media(max-width:680px){#preview-shell #manga-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){#preview-shell #manga-library-list{grid-template-columns:minmax(0,1fr)}}
#preview-shell .manga-library-actions{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:8px;line-height:1.2}
#preview-shell .manga-library-actions select{display:inline-block;width:86px;max-width:52%;flex:0 1 86px;min-width:0;min-height:25px!important;height:25px!important;font-size:8px;padding:0 20px 0 5px!important}
#preview-shell .manga-library-actions a{flex-shrink:0}
#preview-shell .manga-library-update{display:flex;align-items:center;justify-content:space-between;gap:5px;white-space:nowrap}
#preview-shell .manga-library-update small{font-size:7px;min-width:0}
#preview-shell .manga-library-update button{font-size:7px;min-height:24px!important;padding:3px 6px!important;flex-shrink:0}
#preview-shell .manga-library-update button[hidden]{display:none!important}
#preview-shell .manga-library-actions{align-items:center;gap:5px;white-space:normal}
#preview-shell .manga-library-actions select{flex:0 0 78px;width:78px;max-width:none}
#preview-shell .manga-library-chapter{flex:1;min-width:0;font-size:8px;line-height:1.45;overflow-wrap:anywhere}
#preview-shell .manga-library-chapter a{white-space:normal}
#preview-shell .manga-library-card .lab-card-body>a{position:relative;padding-bottom:7px}
#preview-shell .manga-library-card .lab-card-body>a::after{content:"";position:absolute;bottom:0;left:0;height:1px;width:22px;background:var(--section-accent);opacity:.45;transition:width .15s,opacity .15s}
#preview-shell .manga-library-card .lab-card-body>a:hover::after{width:38px;opacity:.8}
#preview-shell .manga-library-card button{background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface));border-color:color-mix(in srgb,var(--section-accent) 18%,var(--section-line))}
@media(hover:hover){#preview-shell .manga-library-card:hover{border-color:color-mix(in srgb,var(--section-accent) 30%,var(--section-line));box-shadow:0 3px 10px rgba(25,40,60,.06)}#preview-shell .manga-library-card button:hover{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface));border-color:color-mix(in srgb,var(--section-accent) 38%,var(--section-line))}}
/* Match saved Manga cards to catalogue accents, retaining a neutral canvas. */
#preview-shell .manga-library-actions select{height:32px!important;min-height:32px!important;line-height:1.4}
#preview-shell .manga-library-card{border-top-color:color-mix(in srgb,var(--section-accent) 25%,var(--section-line))!important}
#preview-shell .manga-library-card .lab-card-body{background:transparent}
#preview-shell .manga-library-card:focus-within{border-color:color-mix(in srgb,var(--section-accent) 30%,var(--section-line))}

/* Library and catalogue share the same media-card surfaces and feedback. */
#preview-shell .manga-library-card{background:var(--md-surface,var(--surface));border-radius:var(--card-radius,12px)}
/* Continue Reading uses the catalogue action button and card spacing. */
#preview-shell .manga-library-card .lab-card-body{gap:6px}
#preview-shell .manga-library-progress-actions{margin-top:6px}
#preview-shell .manga-library-progress-actions .manga-read-button{width:100%;margin:0;box-sizing:border-box;min-height:29px!important;font-size:8px!important}
#preview-shell .manga-library-progress-actions .manga-read-button:active{box-shadow:inset 0 1px 3px rgba(25,40,60,.12)!important}
#preview-shell .manga-detail-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--section-line);border-radius:12px}
#preview-shell .manga-detail-hero img{width:100%;height:100%;object-fit:cover;border-radius:10px}
#preview-shell .manga-detail-hero h2{font-size:20px;margin:0 0 12px}
#preview-shell .manga-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#preview-shell .manga-detail-facts>div{display:grid;gap:3px;background:var(--md-surface-2);padding:8px;border-radius:8px;font-size:9px}
#preview-shell .manga-detail-facts span{color:var(--md-on-surface-variant)}
#preview-shell .manga-detail-description{font-size:10px;line-height:1.6;color:var(--md-on-surface-variant)}
#preview-shell .manga-detail-chapters .menu,#preview-shell .manga-detail-chapters .navi{font-size:10px;padding:8px 0;line-height:1.6}
#preview-shell .manga-detail-chapters .likebox{font-size:11px;font-weight:700;margin-top:10px}
#preview-shell .manga-detail-chapters form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#preview-shell .manga-detail-chapters :is(button,input,select){font-size:9px;min-height:30px}
#preview-shell .manga-chapter-row{border-bottom:1px solid var(--section-line)}
@media(max-width:560px){#preview-shell .manga-detail-hero{grid-template-columns:minmax(0,1fr)}#preview-shell .manga-detail-hero .lab-detail-cover{max-width:180px}}
/* Chapter browser follows the integrated panel and control design. */
#preview-shell .manga-detail-chapters{margin:14px;padding:0!important;border:1px solid var(--section-line);border-radius:10px;overflow:hidden}
#preview-shell .manga-detail-chapters>.lab-section-title{margin:0;padding:13px 14px;background:var(--md-surface-2);border-bottom:1px solid var(--section-line)}
#preview-shell .manga-detail-chapters>.lab-section-title::after{left:14px}
#preview-shell .manga-chapter-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;background:var(--section-surface);border-bottom:1px solid var(--section-line)}
#preview-shell .manga-chapter-tools .manga-chapter-control{margin:0;padding:10px!important;border:1px solid var(--section-line);border-radius:8px;background:var(--md-surface-2);font-size:9px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#preview-shell .manga-chapter-tools #manga-detail-progress:empty{display:none}
#preview-shell .manga-chapter-tools select{height:30px;min-height:30px;max-width:150px;font-size:9px;font-weight:400}
#preview-shell .manga-chapter-tools button,#preview-shell .manga-chapter-tools input[type=submit]{height:30px;border-radius:8px;font-size:8px;font-weight:700;padding:5px 12px}
#preview-shell .manga-chapter-list{padding:0 14px 14px}
#preview-shell .manga-chapter-list .likebox{background:var(--md-surface-2)!important;border-left:0!important;padding:8px 10px;margin:14px 0 4px;border-radius:6px;font-size:10px}
#preview-shell .manga-chapter-list .manga-chapter-row{padding:10px 0;font-size:9px;line-height:1.6;border-bottom:1px solid var(--section-line);color:var(--md-on-surface-variant)}
#preview-shell .manga-chapter-row>a,#preview-shell .manga-chapter-row>b>a{font-size:10px;font-weight:700;text-decoration:none;color:var(--section-ink)}
#preview-shell .manga-chapter-row>a:hover,#preview-shell .manga-chapter-row>b>a:hover{color:var(--section-accent)}
#preview-shell .manga-chapter-row .righty{float:right;font-size:8px;font-weight:400;color:var(--md-on-surface-variant)}
@media(max-width:600px){#preview-shell .manga-chapter-tools{grid-template-columns:minmax(0,1fr)}}
#preview-shell .manga-detail-controls{padding:14px!important}
#preview-shell .manga-detail-controls .manga-chapter-tools{padding:0;border-bottom:0}
#preview-shell .manga-detail-controls .manga-chapter-control{margin:0;padding:10px!important;border:1px solid var(--section-line);border-radius:8px;background:var(--md-surface-2);font-size:9px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#preview-shell .manga-detail-controls form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#preview-shell .manga-detail-controls #manga-detail-progress:has(#manga-continue-reading[style*="display:none"]){display:none}
#preview-shell .manga-detail-controls :is(button,input,select){font-size:9px;min-height:30px}
/* Detail chapter headings use the same flat catalogue heading treatment. */
#preview-shell .manga-detail-chapters{margin:0;padding:14px!important;border:0;border-radius:0;overflow:visible}
#preview-shell .manga-detail-chapters>.lab-section-title{padding:0 0 10px;margin:0 0 12px;background:transparent;border-bottom:1px solid var(--section-line)}
#preview-shell .manga-detail-chapters>.lab-section-title::after{left:0}
#preview-shell .manga-chapter-list{padding:0}
#preview-shell .manga-chapter-list .likebox{position:relative;background:transparent!important;border:0!important;border-bottom:1px solid var(--section-line)!important;border-radius:0;padding:0 0 9px!important;margin:16px 0 4px;font-size:10px}
#preview-shell .manga-chapter-list .likebox::after{content:"";position:absolute;left:0;bottom:-1px;width:24px;height:1px;background:var(--section-accent);opacity:.65}
#preview-shell .manga-detail-chapters .catalogue-pagination .lab-button{font-size:8px}
/* Compact volume group labels separate chapters without competing with titles. */
#preview-shell .manga-chapter-list .likebox{display:flex;align-items:center;gap:7px;background:var(--md-surface-2)!important;border:0!important;border-radius:6px;padding:7px 10px!important;margin:18px 0 5px;font-size:9px!important;line-height:1.4;color:var(--md-on-surface-variant);font-weight:600}
#preview-shell .manga-chapter-list .likebox::after{display:none}
#preview-shell .manga-chapter-list .likebox::before{content:"";width:3px;height:12px;border-radius:2px;background:var(--section-accent);opacity:.55;flex:none}
#preview-shell .manga-chapter-list .likebox b{font-weight:600}
@media(hover:hover){#preview-shell [data-page="manga"] .lab-tabs button:hover{color:var(--section-ink)!important;border-bottom-color:color-mix(in srgb,var(--section-accent) 65%,var(--section-line))!important;background:transparent!important}}
#preview-shell .manga-detail-controls .lab-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;box-sizing:border-box;padding:5px 10px;font-size:8px;font-weight:700;text-decoration:none;border:1px solid var(--md-outline);border-radius:8px;color:var(--section-ink);background:var(--section-surface)}
#preview-shell .manga-detail-controls .manga-order-selected{border-color:color-mix(in srgb,var(--section-accent) 30%,var(--section-line));background:color-mix(in srgb,var(--section-accent) 5%,var(--section-surface))}
@media(hover:hover){#preview-shell .manga-detail-controls a.lab-button:hover{background:var(--md-surface-2);border-color:var(--md-outline);box-shadow:0 2px 7px rgba(30,45,65,.09)}}
/* Chapter rows already provide a divider above pagination. */
#preview-shell .manga-chapter-list .catalogue-pagination{border-top:0}
#preview-shell .manga-reader-design>.menu,#preview-shell .manga-reader-design>.navi,#preview-shell .manga-reader-design>.likebox{font-size:9px;padding:10px;margin:8px 0;border:1px solid var(--section-line);border-radius:8px;background:var(--md-surface-2)}
#preview-shell .manga-reader-design form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#preview-shell .manga-reader-design :is(button,select){min-height:30px;font-size:9px}
#preview-shell .manga-reader-design .lab-button{text-decoration:none;font-size:9px;min-height:30px;display:inline-flex;align-items:center;justify-content:center}
#preview-shell .manga-reader-design button[aria-pressed=true]{border-color:color-mix(in srgb,var(--section-accent) 35%,var(--section-line));background:color-mix(in srgb,var(--section-accent) 5%,var(--section-surface))}
#preview-shell .manga-reader-design .manga-reader-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#preview-shell .manga-reader-design .manga-page-wrap{padding:0;margin:10px 0}
#preview-shell .manga-reader-design .manga-page-image{max-width:100%;height:auto}

/* Reader placement follows the live chapter page. */
.manga-reader-search{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:9px}
.manga-reader-search input[type="text"]{width:180px;min-height:30px}
.manga-reader-search select{min-height:30px}
.manga-reader-title{margin-bottom:12px}
.manga-reader-design>.align-center{text-align:center}
.manga-reader-design>.align-center form{justify-content:center;margin:5px 0}
.manga-reader-design>.navi.align-center,.manga-reader-controls{justify-content:center}
.manga-reader-design>.menu.align-center:not(.manga-reader-controls),.manga-reader-design>.navi.align-center{background:transparent;border:0}
.manga-reader-design>.manga-reader-help{padding:0;margin:6px 0}
.manga-reader-design .manga-reader-page-navigation{text-align:center}
.manga-reader-attribution{font-size:8px;color:var(--md-on-surface-variant);margin-top:12px}
.manga-reader-lower-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:9px}

/* Shared control sizing, including chapter forms. */
#preview-shell .main :is(select,input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),button.lab-button,a.lab-button){box-sizing:border-box;height:32px!important;min-height:32px!important;padding-top:0!important;padding-bottom:0!important}
#preview-shell .main select{font-size:9px!important;line-height:normal!important}
#preview-shell .manga-reader-design>.manga-reader-jump{border:0!important;background:transparent!important;padding:0!important;margin:0!important}
#preview-shell .manga-reader-design .manga-reader-help{margin:7px 0 0;font-size:8px;color:var(--md-on-surface-variant)}
#preview-shell [data-page="manga"] .lab-tabs button:hover{color:var(--section-ink)!important;background:transparent!important;border-bottom-color:color-mix(in srgb,var(--section-accent) 65%,var(--section-line))!important;box-shadow:none!important}
/* One interaction treatment across catalogue, library, detail and reader controls. */
#preview-shell [data-page]:not([data-page="home"]) .main :is(.lab-button,select,input:not([type="hidden"])){transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
@media(hover:hover){
#preview-shell [data-page]:not([data-page="home"]) .main :is(a.lab-button,button.lab-button,input.lab-button):not(.primary):not(:disabled):hover{color:var(--section-ink)!important;background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface))!important;border-color:color-mix(in srgb,var(--section-accent) 38%,var(--section-line))!important;box-shadow:none!important;transform:none!important;filter:none!important;text-decoration:none!important}
#preview-shell [data-page]:not([data-page="home"]) .main :is(select,input:not([type="hidden"]):not([type="submit"])):not(:disabled):hover{border-color:color-mix(in srgb,var(--section-accent) 38%,var(--section-line))!important;color:var(--section-ink)!important;background-color:var(--section-surface)!important;box-shadow:none!important}
#preview-shell [data-page]:not([data-page="home"]) .lab-tabs button:hover{color:var(--section-ink)!important;background:transparent!important;border-bottom-color:color-mix(in srgb,var(--section-accent) 65%,var(--section-line))!important;box-shadow:none!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){#preview-shell .main :is(.lab-button,select,input){transition:none!important}}

/* Grey hover feedback; orange identifies only the selected Manga section. */
@media(hover:hover){#preview-shell [data-page="manga"] .lab-tabs button:not(.active):hover{color:var(--section-ink)!important;border-bottom-color:var(--section-line)!important;background:transparent!important}}
#preview-shell [data-page="manga"] .lab-tabs button.active,#preview-shell [data-page="manga"] .lab-tabs button.active:hover{color:var(--section-ink)!important;border-bottom-color:color-mix(in srgb,var(--section-accent) 65%,var(--section-line))!important;background:transparent!important}

/* Compact reader tools with the standard section heading. */
#preview-shell .manga-reader-title{margin:0 0 10px;padding-bottom:8px}
#preview-shell .manga-reader-title [role="heading"]{font:inherit;line-height:1.4}
#preview-shell .manga-reader-search{margin-bottom:12px}
#preview-shell .manga-reader-design>.menu,#preview-shell .manga-reader-design>.navi,#preview-shell .manga-reader-design>.likebox{padding:6px 10px;margin:5px 0}
#preview-shell .manga-reader-design>.menu.align-center:has(>[data-manga-quality-form]){display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 20px}
#preview-shell .manga-reader-design>.menu.align-center form{margin:0;gap:6px}
#preview-shell .manga-reader-design .manga-reader-help{margin-top:4px}
#preview-shell .manga-reader-design>.manga-reader-jump{padding:0!important;margin:0!important}

#preview-shell .manga-reader-design>.manga-reader-chapter-options{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px 20px}
#preview-shell .manga-reader-chapter-links{flex-basis:100%;text-align:center;padding:0 0 2px}

/* Category tiles share Manga accent feedback; tabs retain neutral hover. */
@media(hover:hover){#preview-shell [data-page="manga"] .anime-category-link:hover{color:var(--section-ink)!important;background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface))!important;border-color:color-mix(in srgb,var(--section-accent) 38%,var(--section-line))!important;transform:none!important;box-shadow:none!important}}
#preview-shell [data-page="manga"] .manga-chapter-control .lab-button{display:inline-flex;align-items:center;justify-content:center}

#preview-shell .manga-detail-controls>.manga-chapter-tools{display:block}
#preview-shell .manga-detail-tools-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:10px;border:1px solid var(--section-line);border-radius:8px;background:var(--md-surface-2)}
#preview-shell .manga-detail-tools-panel>.manga-chapter-control{border:0;background:transparent;padding:0!important;min-width:0}
#preview-shell .manga-detail-tools-panel #manga-continue-reading{border:0;background:transparent;padding:0!important;margin:0}
#preview-shell .manga-detail-tools-panel #manga-detail-progress{min-width:0}
#preview-shell .manga-detail-controls .manga-detail-jump{width:100%;margin-top:10px;justify-content:center;box-sizing:border-box}
#preview-shell .manga-detail-jump form{justify-content:center}
@media(max-width:600px){#preview-shell .manga-detail-tools-panel{grid-template-columns:1fr}}

#preview-shell .manga-detail-tools-panel{padding:0;border:0;background:transparent;align-items:stretch}
#preview-shell .manga-detail-tools-column{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--section-line);border-radius:8px;background:var(--md-surface-2);min-width:0}
#preview-shell .manga-detail-tools-column>.manga-chapter-control{padding:0!important;border:0;background:transparent}
#preview-shell .manga-detail-tools-column .lab-button{max-width:100%;white-space:normal;overflow-wrap:anywhere}

#preview-shell [data-page="downloads"] .downloads-tabs{justify-content:center;font-size:9px}
#preview-shell [data-page="downloads"] .downloads-tabs button{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#preview-shell .downloads-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:end}
#preview-shell .downloads-filter-grid .lab-field{display:flex;flex-direction:column;gap:5px;font-size:8px;color:var(--md-on-surface-variant)}
#preview-shell #download-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
#preview-shell #download-results>.lab-section-title{grid-column:1/-1}
#preview-shell .downloads-card{overflow:hidden;border:1px solid var(--section-line);border-radius:12px;background:var(--section-surface);font-size:9px}
#preview-shell .downloads-poster img{display:block;width:100%;height:160px;object-fit:cover}
#preview-shell .downloads-card-info{margin:6px 0;line-height:1.6}
#preview-shell .downloads-card .lab-button{display:inline-flex;align-items:center;justify-content:center;margin:3px 3px 3px 0;font-size:9px}
#preview-shell .downloads-card .lab-card-body{padding:12px}
#preview-shell .downloads-card .lab-card-body>div:first-child b>a{display:block;font-size:12px;color:var(--section-ink);text-decoration:none;margin-bottom:7px}
@media(max-width:600px){#preview-shell .downloads-filter-grid{grid-template-columns:1fr 1fr}#preview-shell #download-results{grid-template-columns:1fr}}

#preview-shell [data-page="downloads"] .lab-section-title .righty{font-size:8px;font-weight:700;color:var(--md-on-surface-variant)}
#preview-shell .downloads-filter-grid .lab-field:first-of-type{grid-column:span 2}
@media(max-width:600px){#preview-shell .downloads-filter-grid .lab-field:first-of-type{grid-column:1/-1}}

/* Downloads follows the reviewed catalogue components, with its cyan accent. */
#preview-shell [data-page="downloads"] .downloads-tabs{gap:4px;padding:7px 12px}
#preview-shell [data-page="downloads"] .downloads-tabs button{font-size:8px!important;min-height:30px!important;padding:7px 9px!important;color:var(--md-on-surface-variant)!important}
#preview-shell [data-page="downloads"] .downloads-tabs button.active,#preview-shell [data-page="downloads"] .downloads-tabs button.active:hover{color:var(--section-ink)!important;border-bottom-color:color-mix(in srgb,var(--section-accent) 65%,var(--section-line))!important}
@media(hover:hover){#preview-shell [data-page="downloads"] .downloads-tabs button:not(.active):hover{color:var(--section-ink)!important;border-bottom-color:var(--section-line)!important;background:transparent!important}}
#preview-shell .downloads-card .lab-title-button{text-decoration:none}
#preview-shell .downloads-card .lab-title-button::after{background:var(--section-accent)}
#preview-shell .downloads-meta-accent{color:var(--md-on-surface-variant)}
#preview-shell .downloads-card .lab-button{background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface));border-color:color-mix(in srgb,var(--section-accent) 18%,var(--section-line));font-size:8px}
#preview-shell .downloads-filter-grid{gap:9px 12px}
#preview-shell .downloads-filter-grid .lab-field>span{font-size:7px;font-weight:700;letter-spacing:.03em}
#preview-shell .downloads-filter-grid :is(input,select){font-weight:400!important}
#preview-shell [data-page="downloads"] .ad-row{font-size:8px;min-height:34px}

#preview-shell .downloads-card-info b:has(>a[href*="/downloads/"]){display:flex;align-items:center;flex-wrap:wrap;gap:5px}
#preview-shell .downloads-card-info small:has(>[data-download-favourite]){display:flex;align-items:center;flex-wrap:wrap;gap:4px}
#preview-shell .downloads-card-info:empty{display:none}

#preview-shell .downloads-primary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0 5px}
#preview-shell .downloads-size-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:8px;margin:0}
#preview-shell .downloads-primary-actions .lab-button,#preview-shell .downloads-size-actions .lab-button{margin:0}
#preview-shell .downloads-card-info:has(>.downloads-primary-actions){margin:8px 0 0}
#preview-shell .downloads-about{border-top:1px solid var(--section-line);padding:12px 14px;font-size:9px;line-height:1.5;background:transparent}
#preview-shell .downloads-about-title{display:block;font-size:10px;margin-bottom:5px}
#preview-shell .downloads-about-copy{display:block;font-size:9px;letter-spacing:normal;color:var(--md-on-surface-variant)}
#preview-shell #download-results>.downloads-pagination{grid-column:1/-1;margin-top:2px}
/* Wallpaper actions fill their rows without changing native item hooks. */
#preview-shell .downloads-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
#preview-shell .downloads-primary-actions .lab-button{width:100%;box-sizing:border-box;min-width:0;white-space:normal;text-align:center}
#preview-shell .downloads-size-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;font-size:0}
#preview-shell .downloads-size-actions .lab-button{width:100%;box-sizing:border-box;min-width:0;font-size:8px;white-space:normal;text-align:center}
#preview-shell #download-refresh-status[hidden],#preview-shell #download-refresh-status:empty{display:none!important;padding:0!important;margin:0!important;min-height:0!important;border:0!important}
#preview-shell .downloads-card-info .downloads-size-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}

#preview-shell .ringtone-card{padding:12px;box-sizing:border-box}
#preview-shell .ringtone-card .downloads-poster{display:none}
#preview-shell .ringtone-card .downloads-poster:has(img){display:block;float:left;width:48px;height:48px;margin:0 10px 8px 0}
#preview-shell .ringtone-card .downloads-poster img{width:48px;height:48px;object-fit:contain}
#preview-shell .ringtone-card .lab-card-body{padding:0;min-height:55px}
#preview-shell .ringtone-card .downloads-primary-actions{clear:both;margin-top:10px}
#preview-shell .ringtone-card .downloads-card-info{padding:0;clear:both}
#preview-shell .ringtone-card .lab-card-body>.downloads-card-info:first-child{clear:none}
#preview-shell .ringtone-card audio{margin-top:8px}
#preview-shell .ringtone-card .downloads-poster:has(img){float:none;width:100%;height:auto;margin:0 0 8px}
#preview-shell .ringtone-card .downloads-poster img{flex:0 0 48px!important}
#preview-shell .ringtone-card .downloads-poster>div{align-items:flex-start!important;gap:10px!important}
#preview-shell .ringtone-card audio.download-audio{display:block;height:32px;margin-top:6px}
#preview-shell .ringtone-card .lab-card-body{min-height:0}
#preview-shell .downloads-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
#preview-shell .downloads-saved-card{margin:0;overflow:hidden}
#preview-shell .downloads-saved-poster img{display:block;width:100%;height:160px;object-fit:cover}
#preview-shell .downloads-saved-card .lab-card-body{padding:12px;font-size:9px;line-height:1.5}
#preview-shell .downloads-saved-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#preview-shell .downloads-saved-actions>.lab-button{flex:1;white-space:normal;text-align:center}
#preview-shell .ringtone-saved-card{padding:12px}
#preview-shell .ringtone-saved-card .downloads-saved-poster{float:left;margin:0 10px 8px 0}
#preview-shell .ringtone-saved-card .downloads-saved-poster img{width:48px;height:48px;object-fit:contain}
#preview-shell .ringtone-saved-card .lab-card-body{padding:0}
#preview-shell .ringtone-saved-card .downloads-saved-actions{clear:both;padding-top:10px}
@media(max-width:600px){#preview-shell .downloads-library-grid{grid-template-columns:1fr}}
#preview-shell .ringtone-saved-card .downloads-saved-poster img{width:48px!important;height:48px!important}
#preview-shell .ringtone-saved-card{display:block}
#preview-shell #download-library> .ringtone-saved-card .downloads-saved-poster{float:left;width:48px;height:48px}
#preview-shell #download-library> .ringtone-saved-card .lab-card-body{display:block}
#preview-shell .downloads-library-heading{margin:14px 14px 0;padding-bottom:8px}
#preview-shell .downloads-library-note{margin:8px 14px 0;color:var(--muted);font-size:9px;line-height:1.5}
#preview-shell .ringtone-saved-card .lab-card-body{margin-left:58px}
#preview-shell .ringtone-saved-card .lab-title-button{position:relative;display:block}
#preview-shell .ringtone-saved-card .downloads-saved-actions{margin-left:-58px}
#preview-shell [data-page="anime"] .lab-form-grid .lab-actions,#preview-shell [data-page="anime"] .lab-form-grid .lab-actions button{box-sizing:border-box;height:32px!important;min-height:32px!important}
@media(hover:hover){#preview-shell [data-page="anime"] .lab-tabs button:not(.active):hover{color:var(--section-ink)!important;background:transparent!important;border-bottom-color:var(--section-line)!important}}
#preview-shell [data-page="anime"] .lab-tabs button.active,#preview-shell [data-page="anime"] .lab-tabs button.active:hover{color:var(--section-ink)!important;background:transparent!important;border-bottom-color:color-mix(in srgb,var(--section-accent) 65%,var(--section-line))!important}
#preview-shell .services-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;font-size:9px}
#preview-shell .services-filters #service-search{flex:1;min-width:160px}
#preview-shell .services-category-tabs{flex-basis:100%;justify-content:center;border:0;padding:8px 0 0}
#preview-shell .services-category-tabs button{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:9px}
#preview-shell .services-category-tabs button[aria-pressed="true"]{border-bottom-color:var(--section-accent)!important}
#preview-shell .services-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}
#preview-shell .services-design-card{margin:0;border:1px solid var(--section-line);border-radius:12px;background:var(--section-surface)}
#preview-shell .services-design-card[hidden],#preview-shell #services-status[hidden]{display:none!important}
#preview-shell .services-design-card .lab-card-body{padding:14px;position:relative}
#preview-shell .services-card-icon{width:32px;height:32px;object-fit:contain;display:block;margin-bottom:10px}
#preview-shell .services-design-card .lab-title-button{text-decoration:none;padding-right:30px!important;box-sizing:border-box}
#preview-shell .services-design-card .service-description{font-size:9px;line-height:1.5;color:var(--md-on-surface-variant);margin-top:6px}
#preview-shell .services-design-card .service-favourite{position:absolute;top:14px;right:14px;width:32px;padding:0!important;font-size:16px}
@media(max-width:800px){#preview-shell .services-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){#preview-shell .services-design-grid{grid-template-columns:1fr}}
#preview-shell .main>.services-category-tabs{padding:7px 12px;border-bottom:1px solid var(--section-line);gap:4px}
#preview-shell .services-category-tabs button.lab-button{height:30px!important;min-height:30px!important;padding:7px 9px!important;font-size:8px;color:var(--md-on-surface-variant)!important}
#preview-shell .services-category-tabs button[aria-pressed="true"]{color:var(--section-ink)!important;background:transparent!important;border-bottom-color:color-mix(in srgb,var(--section-accent) 65%,var(--section-line))!important}
@media(hover:hover){#preview-shell [data-page="services"] .services-category-tabs button:not([aria-pressed="true"]):hover{color:var(--section-ink)!important;background:transparent!important;border-bottom-color:var(--section-line)!important}}
#preview-shell [data-page="services"] .services-category-tabs button.lab-button,
#preview-shell [data-page="services"] .services-category-tabs button.lab-button:hover,
#preview-shell [data-page="services"] .services-category-tabs button.lab-button:focus-visible{background:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;transform:none!important}
#preview-shell [data-page="services"] .services-category-tabs button.lab-button:not([aria-pressed="true"]):hover{border-bottom-color:var(--section-line)!important;color:var(--section-ink)!important}
#preview-shell [data-page="services"] .services-category-tabs button.lab-button[aria-pressed="true"]:hover{border-bottom-color:color-mix(in srgb,var(--section-accent) 65%,var(--section-line))!important}
#preview-shell #service-filters .services-category-tabs button[data-service-category],
#preview-shell #service-filters .services-category-tabs button[data-service-category]:hover,
#preview-shell #service-filters .services-category-tabs button[data-service-category][aria-pressed="true"]{background:transparent!important;box-shadow:none!important}
#preview-shell #service-filters .services-category-tabs{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
#preview-shell #service-filters .services-category-tabs button[data-service-category]{border:0!important;border-bottom:2px solid transparent!important}
#preview-shell #service-filters .services-category-tabs button[data-service-category][aria-pressed="true"]{border-bottom-color:var(--section-accent)!important}
@media(hover:hover){#preview-shell #service-filters .services-category-tabs button[data-service-category]:not([aria-pressed="true"]):hover{border-bottom-color:var(--section-line)!important}#preview-shell #service-filters .services-category-tabs button[data-service-category][aria-pressed="true"]:hover{border-bottom-color:var(--section-accent)!important}}
#preview-shell .services-backup-design{padding:14px;display:grid;gap:12px}
#preview-shell .services-backup-panel{border:1px solid var(--section-line);border-radius:12px;padding:14px;background:var(--section-surface);font-size:9px;line-height:1.6}
#preview-shell .services-backup-panel .lab-section-title{margin-bottom:10px;font-size:10px}
#preview-shell .services-backup-panel .menu{padding:0;margin:8px 0;background:transparent;border:0}
#preview-shell .services-backup-panel .tool-help,#preview-shell .services-backup-panel [role="status"]{font-size:9px;color:var(--md-on-surface-variant);line-height:1.5}
#preview-shell .services-backup-panel .tool-row{margin:12px 0}
#preview-shell .services-backup-panel .tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
#preview-shell .services-backup-panel .lab-button{font-size:9px}
#preview-shell .services-backup-panel input[type="file"]{max-width:100%;font-size:9px}
#preview-shell .services-backup-panel input[type="checkbox"]{accent-color:var(--section-accent);vertical-align:middle}
#preview-shell .services-backup-panel [hidden]{display:none!important}
#preview-shell .services-backup-panel .menu:has(>a){display:flex;flex-wrap:wrap;gap:6px;font-size:0}
#preview-shell #backup-tool .lab-button:disabled{opacity:.5;cursor:not-allowed;background:var(--section-surface)!important;border-color:var(--section-line)!important;box-shadow:none!important}
@media(hover:hover){#preview-shell #backup-tool .lab-button:not(:disabled):not(.primary):hover{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface))!important;border-color:color-mix(in srgb,var(--section-accent) 38%,var(--section-line))!important;color:var(--section-ink)!important}}
#preview-shell #backup-file{width:min(100%,340px);padding:0 8px 0 0!important;border:1px solid var(--section-line);border-radius:8px;background:var(--section-surface);color:var(--md-on-surface-variant);vertical-align:middle;font:inherit;line-height:30px}
#preview-shell #backup-file::file-selector-button{height:30px;margin:0 10px 0 0;padding:0 12px;border:0;border-right:1px solid var(--section-line);border-radius:7px 0 0 7px;background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface));color:var(--section-ink);font:inherit;font-weight:700;cursor:pointer}
#preview-shell #backup-file:hover::file-selector-button{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface));color:var(--section-ink)}
#preview-shell #backup-file:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}
#preview-shell .scores-filter-grid{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:12px;align-items:end;font-size:9px}
#preview-shell .scores-filter-grid .lab-field{display:flex;flex-direction:column;gap:5px;min-width:0}
#preview-shell .scores-filter-grid .lab-field label{font-size:8px;font-weight:700;color:var(--md-on-surface-variant)}
#preview-shell .scores-sport-tabs{justify-content:center;gap:4px;background:transparent}
#preview-shell .scores-sport-tabs button{border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;font-size:8px;padding:7px 9px!important}
#preview-shell .scores-sport-tabs button.active{border-bottom-color:var(--section-accent)!important}
@media(hover:hover){#preview-shell [data-page="services"] .scores-sport-tabs button:not(.active):hover{border-bottom-color:var(--section-line)!important;background:transparent!important}}
#preview-shell .services-scores-design>.menu,#preview-shell .services-scores-design .page-updates>.menu{font-size:9px;line-height:1.6;padding:10px 14px;color:var(--md-on-surface-variant)}
#preview-shell .services-scores-design .lab-section-title{margin:14px 14px 8px;font-size:10px}
#preview-shell .scores-update-note{padding:8px 14px;font-size:8px;color:var(--md-on-surface-variant)}
@media(max-width:600px){#preview-shell .scores-filter-grid{grid-template-columns:1fr 1fr}#preview-shell .scores-filter-grid .lab-field:nth-child(3){grid-column:1/-1}}
#preview-shell .services-scores-design #page-update-scores .menu{padding:10px 14px;font-size:9px;line-height:1.6;color:var(--md-on-surface-variant)}
#preview-shell .services-scores-design .scores-filter-grid select{font-weight:400!important}
#preview-shell .weather-filter-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;align-items:end;font-size:9px}
#preview-shell .weather-filter-grid .lab-field{display:flex;flex-direction:column;gap:5px;min-width:0}
#preview-shell .weather-filter-grid .lab-field label{font-size:8px;color:var(--md-on-surface-variant);font-weight:700}
#preview-shell .weather-filter-grid .tool-actions{grid-column:1/-1;display:flex;gap:8px}
#preview-shell .services-weather-design :is(.weather-quick-cities,#weather-saved-wrap,#weather-update-status){margin:12px 0;font-size:9px;line-height:1.5}
#preview-shell .weather-quick-cities{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#preview-shell .services-weather-design .lab-button{font-size:9px}
#preview-shell .services-weather-design [hidden]{display:none!important}
#preview-shell #weather-results{padding:14px;font-size:9px;line-height:1.6;background:var(--section-surface)}
#preview-shell #weather-results .menu{font-size:9px;line-height:1.6}
#preview-shell #weather-results .likebox{font-size:10px;font-weight:700;padding:8px 0;border-bottom:1px solid var(--section-line)}
#preview-shell #weather-saved button{height:32px;border:1px solid var(--section-line);border-radius:8px;background:var(--section-surface);color:var(--section-ink);font-size:9px;padding:0 10px}
@media(max-width:600px){#preview-shell .weather-filter-grid{grid-template-columns:1fr 1fr}#preview-shell .weather-filter-grid .lab-field:has(#weather-city){grid-column:1/-1}}
#preview-shell .weather-filter-grid{grid-template-columns:2fr 1fr 1fr}
#preview-shell .weather-filter-grid .lab-field:has(#weather-city){order:0}
#preview-shell .weather-filter-grid .lab-field:has(#weather-units){order:1}
#preview-shell .weather-filter-grid .lab-field:has(#weather-days){order:2}
#preview-shell .weather-filter-grid .tool-actions{order:3}
@media(max-width:600px){#preview-shell .weather-filter-grid{grid-template-columns:1fr 1fr}}
#preview-shell #weather-save-city:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}
#preview-shell #weather-save-city:hover{border-color:color-mix(in srgb,var(--section-accent) 38%,var(--section-line))!important;background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface))!important;color:var(--section-ink)!important;box-shadow:none!important}
#preview-shell #weather-save-city:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}
#preview-shell .currency-filter-grid{display:grid;grid-template-columns:1fr 2fr 2fr 1.5fr auto;gap:10px;align-items:end;font-size:9px}
#preview-shell .currency-filter-grid .lab-field{display:flex;flex-direction:column;gap:5px;min-width:0}
#preview-shell .currency-filter-grid label{font-size:8px;font-weight:700;color:var(--md-on-surface-variant)}
#preview-shell .currency-filter-grid select{font-weight:400!important;width:100%}
#preview-shell .currency-quick-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:12px 14px;font-size:9px}
#preview-shell .currency-quick-actions .lab-button{font-size:9px}
#preview-shell .services-currency-design .lab-section-title{margin:14px;font-size:10px}
#preview-shell .services-currency-design .menu{font-size:9px;padding:10px 14px;line-height:1.6}
#preview-shell .services-currency-design [role="status"]{font-size:8px;color:var(--md-on-surface-variant);padding:8px 14px}
@media(max-width:700px){#preview-shell .currency-filter-grid{grid-template-columns:1fr 1fr}#preview-shell .currency-filter-grid .lab-field:first-child{grid-column:1/-1}}
#preview-shell .services-speed-design>.menu{margin:0;padding:14px;font-size:9px;line-height:1.6;color:var(--md-on-surface-variant);text-align:left}
#preview-shell .services-speed-design>.menu:has(#speed-trigger){text-align:center;padding:18px 14px 8px}
#preview-shell #speed-trigger{min-width:140px;font-size:9px}
#preview-shell #speed-status{text-align:center;font-size:9px;padding:8px 14px 18px}
#preview-shell #speed-results{margin:0 14px 14px;padding:14px;border:1px solid var(--section-line);border-radius:12px;background:var(--section-surface);font-size:9px;line-height:1.7}
#preview-shell #speed-results .lab-section-title{font-size:10px;margin-bottom:10px}
#preview-shell #speed-results .menu{font-size:9px;padding:0}
#preview-shell #speed-results :is(#speed-mbps,#speed-megabytes,#speed-latency){font-weight:800;color:var(--section-accent)}
#preview-shell .services-wiki-design .scores-filter-grid{grid-template-columns:2fr 1fr auto}
#preview-shell .services-wiki-design .scores-filter-grid>br{display:none}
#preview-shell .services-wiki-design>.menu{font-size:9px;line-height:1.6;padding:12px 14px}
#preview-shell .services-wiki-design #msg:empty,#preview-shell .services-wiki-design #op:empty{display:none}
#preview-shell .services-wiki-design #msg{font-size:9px;line-height:1.5;margin-top:10px;color:var(--md-on-surface-variant)!important}
#preview-shell .services-wiki-design #op{padding:14px;font-size:9px;line-height:1.6}
#preview-shell .services-wiki-design #op .likebox{font-size:10px;border-bottom:1px solid var(--section-line);padding-bottom:7px}
#preview-shell .services-wiki-design #op a{color:var(--section-accent)}
@media(max-width:600px){#preview-shell .services-wiki-design .scores-filter-grid{grid-template-columns:1fr} }
#preview-shell .horoscope-sign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}
#preview-shell .horoscope-sign{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--section-line);border-radius:12px;background:var(--section-surface);color:var(--section-ink);font-size:10px;text-decoration:none}
#preview-shell .horoscope-sign img{width:24px;height:24px;object-fit:contain}
#preview-shell .services-horoscope-design .menu{font-size:9px;line-height:1.7}
#preview-shell .services-horoscope-design .lab-section-title{font-size:10px;margin:14px}
#preview-shell .services-horoscope-design .scores-update-note{padding:14px}
@media(max-width:700px){#preview-shell .horoscope-sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#preview-shell .services-horoscope-design #page-update-horoscope{padding:14px}
#preview-shell .services-horoscope-design #page-update-horoscope .menu{margin:0;padding:0;font-size:9px;line-height:1.7;color:var(--section-ink)}
#preview-shell .services-horoscope-design [role="status"]{padding:0 14px;font-size:8px;line-height:1.5;color:var(--md-on-surface-variant)}
#preview-shell .services-qr-panel{margin:14px;padding:14px;border:1px solid var(--section-line);border-radius:12px;background:var(--section-surface);font-size:9px;line-height:1.6}
#preview-shell .services-qr-panel .tool-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}
#preview-shell .services-qr-panel .tool-row>label{min-width:90px;font-size:9px}
#preview-shell .services-qr-panel .tool-row :is(input,select){flex:1;min-width:140px;font-weight:400!important}
#preview-shell .services-qr-panel .tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#preview-shell .services-qr-panel .lab-button{font-size:9px}
#preview-shell .services-qr-panel .tool-help,#preview-shell .services-qr-panel [role="status"]{font-size:8px;color:var(--md-on-surface-variant);line-height:1.5}
#preview-shell .services-qr-panel [hidden]{display:none!important}
#preview-shell .services-qr-panel [role="status"]:empty{display:none}
#preview-shell .services-qr-panel textarea{box-sizing:border-box;width:100%;padding:8px;border:1px solid var(--section-line);border-radius:8px;background:var(--section-surface);color:var(--section-ink);font:inherit}
#preview-shell .services-qr-panel input[type=file]{font-size:9px;max-width:100%}
#preview-shell .services-qr-panel .lab-section-title{margin:0 0 12px;font-size:10px}

#preview-shell #qr-scan-file{width:min(100%,340px);padding:0 8px 0 0!important;border:1px solid var(--section-line);border-radius:8px;background:var(--section-surface);color:var(--md-on-surface-variant);vertical-align:middle;font:inherit;line-height:30px}
#preview-shell #qr-scan-file::file-selector-button{height:30px;margin:0 10px 0 0;padding:0 12px;border:0;border-right:1px solid var(--section-line);border-radius:7px 0 0 7px;background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface));color:var(--section-ink);font:inherit;font-weight:700;cursor:pointer}
#preview-shell #qr-scan-file:hover::file-selector-button{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface));color:var(--section-ink)}
#preview-shell #qr-scan-file:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}

#preview-shell #image-file{width:min(100%,340px);padding:0 8px 0 0!important;border:1px solid var(--section-line);border-radius:8px;background:var(--section-surface);color:var(--md-on-surface-variant);vertical-align:middle;font:inherit;line-height:30px}
#preview-shell #image-file::file-selector-button{height:30px;margin:0 10px 0 0;padding:0 12px;border:0;border-right:1px solid var(--section-line);border-radius:7px 0 0 7px;background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface));color:var(--section-ink);font:inherit;font-weight:700;cursor:pointer}
#preview-shell #image-file:hover::file-selector-button{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface));color:var(--section-ink)}
#preview-shell #image-file:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}
#preview-shell #image-tool fieldset{border:1px solid var(--section-line);border-radius:10px;padding:12px;margin:12px 0}
#preview-shell #image-tool legend{padding:0 6px;font-size:10px;font-weight:700}
#preview-shell #image-tool .tool-row input[type=checkbox]{flex:none;min-width:0;accent-color:var(--section-accent)}
#preview-shell #image-tool .tool-row input[type=range]{min-width:120px;accent-color:var(--section-accent)}
#preview-shell #image-tool fieldset:disabled :is(input,select,button){opacity:.5}
#preview-shell #image-tool .image-stage{overflow:auto;text-align:center}
#preview-shell #image-tool canvas{max-width:100%;height:auto}
#preview-shell #image-form{display:block!important;width:100%;max-width:none;box-sizing:border-box}
#preview-shell #image-controls{display:block!important;width:100%;min-width:0;max-width:none;box-sizing:border-box;padding:16px!important}
#preview-shell #image-controls>.tool-row,#preview-shell #image-crop-fields>.tool-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 14px;align-items:center;margin:14px 0}
#preview-shell #image-controls .tool-row :is(input,select){width:100%;min-width:0;box-sizing:border-box}
#preview-shell #image-controls .tool-row:has(#image-width),#preview-shell #image-crop-fields .tool-row{grid-template-columns:110px minmax(0,1fr) 110px minmax(0,1fr)}
#preview-shell #image-controls .tool-row:has(#image-lock){display:block}
#preview-shell #image-controls #image-lock{width:auto}
#preview-shell #image-quality-row{grid-template-columns:110px minmax(0,1fr) 45px!important}
#preview-shell #image-controls .tool-help{margin-top:16px}
#preview-shell #image-controls .tool-actions{margin-top:16px}
@media(max-width:650px){#preview-shell #image-controls .tool-row:has(#image-width),#preview-shell #image-crop-fields .tool-row{grid-template-columns:100px minmax(0,1fr)}}

#preview-shell #batch-input{width:min(100%,340px);padding:0 8px 0 0!important;border:1px solid var(--section-line);border-radius:8px;background:var(--section-surface);color:var(--md-on-surface-variant);vertical-align:middle;font:inherit;line-height:30px}
#preview-shell #batch-input::file-selector-button{height:30px;margin:0 10px 0 0;padding:0 12px;border:0;border-right:1px solid var(--section-line);border-radius:7px 0 0 7px;background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface));color:var(--section-ink);font:inherit;font-weight:700;cursor:pointer}
#preview-shell #batch-input:hover::file-selector-button{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface));color:var(--section-ink)}
#preview-shell #batch-input:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}

#preview-shell #batch-form{display:block!important;width:100%;max-width:none;box-sizing:border-box}
#preview-shell #batch-controls{display:block!important;width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--section-line);border-radius:10px;padding:16px;margin:16px 0 0}
#preview-shell #batch-controls legend{padding:0 6px;font-size:10px;font-weight:700}
#preview-shell #batch-controls .tool-row{display:flex;flex-wrap:wrap;gap:10px 14px;margin:14px 0}
#preview-shell #batch-controls .tool-row label{min-width:100px}
#preview-shell #batch-controls .tool-row input[type=number]{flex:1;min-width:100px;width:120px}
#preview-shell #batch-controls .tool-row input[type=range]{accent-color:var(--section-accent)}
#preview-shell #batch-controls:disabled :is(input,select,button){opacity:.5}
#preview-shell #batch-controls .tool-help{margin-top:16px}
#preview-shell #batch-controls .tool-actions{margin:16px 0 0}

#preview-shell #pdf-input{width:min(100%,340px);padding:0 8px 0 0!important;border:1px solid var(--section-line);border-radius:8px;background:var(--section-surface);color:var(--md-on-surface-variant);vertical-align:middle;font:inherit;line-height:30px}
#preview-shell #pdf-input::file-selector-button{height:30px;margin:0 10px 0 0;padding:0 12px;border:0;border-right:1px solid var(--section-line);border-radius:7px 0 0 7px;background:color-mix(in srgb,var(--section-accent) 4%,var(--section-surface));color:var(--section-ink);font:inherit;font-weight:700;cursor:pointer}
#preview-shell #pdf-input:hover::file-selector-button{background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface));color:var(--section-ink)}
#preview-shell #pdf-input:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}


#preview-shell #pdf-form{display:block!important;width:100%;max-width:none;box-sizing:border-box}
#preview-shell #pdf-controls{display:block!important;width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--section-line);border-radius:10px;padding:16px;margin:16px 0 0}
#preview-shell #pdf-controls legend{padding:0 6px;font-size:10px;font-weight:700}
#preview-shell #pdf-controls .tool-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 14px;align-items:center;margin:14px 0}
#preview-shell #pdf-controls .tool-row :is(input,select){width:100%;min-width:0;box-sizing:border-box}
#preview-shell #pdf-controls .tool-row .tool-help{grid-column:2}
#preview-shell #pdf-controls:disabled :is(input,select,button){opacity:.5}
#preview-shell #pdf-controls .tool-help{margin-top:16px}
#preview-shell #pdf-controls .tool-actions{margin:16px 0 0}
#preview-shell #pdf-files button{border:1px solid var(--section-line);border-radius:8px;background:var(--section-surface);color:var(--section-ink);font:inherit;padding:6px 10px}
#preview-shell #pdf-files button:hover{border-color:var(--section-accent)}

#preview-shell #service-calculators form{display:block!important;width:100%;box-sizing:border-box}
#preview-shell #service-calculators>section{margin-top:18px;padding:16px;border:1px solid var(--section-line);border-radius:10px}
#preview-shell #service-calculators .tool-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 14px;align-items:center;margin:14px 0}
#preview-shell #service-calculators .tool-row :is(input,select){width:100%;min-width:0;box-sizing:border-box}
#preview-shell #service-calculators .lab-section-title{font-size:10px;padding-bottom:10px}
#preview-shell #service-calculators p{font-size:9px;line-height:1.6}
#preview-shell #service-calculators p.tool-help{font-size:8px;color:var(--md-on-surface-variant)}
#preview-shell #calc-result{margin-top:16px;padding:14px;border:1px solid var(--section-line);border-left:2px solid var(--section-accent);border-radius:8px;font-size:10px;line-height:1.6}
#preview-shell #calc-error{padding:12px;border:1px solid var(--section-line);border-radius:8px}
@media(max-width:500px){#preview-shell #service-calculators .tool-row{grid-template-columns:1fr}}

#preview-shell #service-calculators h2.lab-section-title{background:transparent!important;border:0!important;border-bottom:1px solid var(--section-line)!important;position:relative;padding:0 0 12px!important;margin:0 0 14px!important}
#preview-shell #service-calculators h2.lab-section-title::after{content:"";position:absolute;bottom:-1px;left:0;width:24px;height:1px;background:var(--section-accent)}

#preview-shell .services-page-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:0;background:transparent}
#preview-shell .services-page-neighbours{display:flex;gap:8px}
#preview-shell .services-page-navigation .lab-button{font-size:9px}

#preview-shell .contact-design-panel{margin:14px;padding:16px;border:1px solid var(--section-line);border-radius:12px;font-size:9px;line-height:1.6}
#preview-shell .contact-design .contact-layout{display:block}
#preview-shell .contact-design #contact-form{display:grid!important;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:none}
#preview-shell .contact-design .contact-field{margin:0;min-width:0}
#preview-shell .contact-design .contact-field:has(#subiect),#preview-shell .contact-design .contact-field:has(#mesaj),#preview-shell #contact-help{grid-column:1/-1}
#preview-shell .contact-design label{display:block;font-size:8px;font-weight:700;margin-bottom:5px;color:var(--md-on-surface-variant)}
#preview-shell .contact-design .contact-field input{width:100%;box-sizing:border-box}
#preview-shell .contact-design textarea{width:100%;min-height:130px;box-sizing:border-box;border:1px solid var(--section-line);border-radius:8px;padding:10px;background:var(--section-surface);color:var(--section-ink);font:inherit;resize:vertical}
#preview-shell .contact-design #contact-message-help,#preview-shell #contact-help{font-size:8px;color:var(--md-on-surface-variant)}
#preview-shell .contact-design #submit{grid-column:1/-1;justify-self:start;width:auto!important;font-size:9px}
#preview-shell .contact-design #contact-result:has(#contact-result-content:empty){display:none}
#preview-shell .contact-design #contact-result{margin-top:14px;padding:12px;font-size:9px}
@media(max-width:550px){#preview-shell .contact-design #contact-form{grid-template-columns:1fr}}

#preview-shell .feedback-empty{margin:14px;padding:14px;border:1px solid var(--section-line);border-radius:10px;font-size:9px;color:var(--md-on-surface-variant)}
#preview-shell .feedback-empty strong{display:block;margin-bottom:6px;font-size:10px;color:var(--section-ink)}
#preview-shell #contact-form:has(#feedback-name) .contact-field{grid-column:1/-1}
#preview-shell .contact-design .menu:has([id^=guest-]){font-size:9px}

#preview-shell .information-panel{margin:14px;padding:16px;border:1px solid var(--section-line);border-radius:12px;font-size:9px;line-height:1.8;color:var(--section-ink)}
#preview-shell .information-panel .lab-section-title{font-size:10px;background:transparent;border:0;border-bottom:1px solid var(--section-line);padding:0 0 12px;margin:0 0 12px;position:relative}
#preview-shell .information-panel .lab-section-title::after{content:"";position:absolute;left:0;bottom:-1px;width:24px;height:1px;background:var(--section-accent)}
#preview-shell .information-panel a{color:var(--section-ink);text-decoration:underline;text-decoration-color:var(--section-line);text-underline-offset:3px}
#preview-shell .information-panel a:hover{color:var(--section-accent);text-decoration-color:var(--section-accent)}

#preview-shell nav[aria-label="Information navigation"] .services-page-neighbours{width:100%;justify-content:space-between}
#preview-shell .information-panel{overflow-wrap:anywhere}
#preview-shell .contact-design [id^="guest-"]{margin:14px;padding:14px;border:1px solid var(--section-line);border-radius:10px;font-size:9px;line-height:1.7;overflow-wrap:anywhere}
#preview-shell .contact-design [id^="guest-"]>span{display:block}

#preview-shell nav[aria-label="Contact navigation"]:has(>a:only-child){justify-content:flex-end}

#preview-shell .information-design .release-intro{margin:14px;padding:14px;border:1px solid var(--section-line);border-radius:12px;font-size:9px;line-height:1.6}
#preview-shell .information-design .release-intro p{font-size:9px;margin:0 0 10px}
#preview-shell .information-design .release-jump{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:9px}
#preview-shell .information-design .release-jump select{flex:1;min-width:150px}
#preview-shell .information-design .release-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#preview-shell .information-design #release-list{margin:14px}
#preview-shell .information-design .release-entry{border:1px solid var(--section-line);border-radius:12px;margin:10px 0;background:var(--section-surface);overflow:hidden}
#preview-shell .information-design .release-entry summary{padding:14px;background:transparent;color:var(--section-ink);cursor:pointer}
#preview-shell .information-design .release-entry summary:hover{background:var(--md-surface-2)}
#preview-shell .information-design .release-entry h2{font-size:10px;line-height:1.6;margin:0}
#preview-shell .information-design .release-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:8px;color:var(--md-on-surface-variant)}
#preview-shell .information-design .release-meta b{font-size:10px;color:var(--section-ink)}
#preview-shell .information-design .release-title{display:block;margin-top:5px;font-size:10px}
#preview-shell .information-design .release-body{padding:0 14px 14px;font-size:9px;line-height:1.7}
#preview-shell .information-design .release-body h3{font-size:10px;margin:14px 0 8px}
#preview-shell .information-design .release-body p,#preview-shell .information-design .release-body li{font-size:9px}
#preview-shell .information-design .release-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px;font-size:9px}
#preview-shell .information-design .release-pages :is(a,.release-page-current){padding:7px 10px;border:1px solid var(--section-line);border-radius:8px;color:var(--section-ink);text-decoration:none}
#preview-shell .information-design .release-current{font-size:8px}
#preview-shell .information-design .release-permalink{font-size:8px}

#preview-shell .information-design .visitor-intro,#preview-shell .information-design #visitor-list{margin:14px;padding:16px;border:1px solid var(--section-line);border-radius:12px;font-size:9px;line-height:1.7;overflow-wrap:anywhere}
#preview-shell .information-design .visitor-intro p,#preview-shell .information-design #visitor-list p{font-size:9px;margin:0 0 12px}
#preview-shell .information-design #visitor-status{font-size:8px;color:var(--md-on-surface-variant);margin:12px 0 0}
#preview-shell .information-design #visitor-list table{width:100%;font-size:9px;border-collapse:collapse}
#preview-shell .information-design #visitor-list :is(td,th){padding:8px;border-bottom:1px solid var(--section-line);text-align:left}
#preview-shell .information-design #visitor-list a,#preview-shell .information-design .visitor-intro a{color:var(--section-ink);text-underline-offset:3px}
#preview-shell .information-design #visitor-list>p:last-child{margin-bottom:0}

#preview-shell .information-panel pre{max-width:100%;overflow:auto;padding:12px;border:1px solid var(--section-line);border-radius:8px;background:var(--md-surface-2);font-size:9px;line-height:1.6}
#preview-shell .information-panel code{font-size:9px}
#preview-shell .information-panel img{max-width:100%;height:auto!important;border-radius:8px}
#preview-shell .information-panel .contact{font-size:9px;line-height:1.7}

#preview-shell .information-panel:has(pre) center{display:none}
#preview-shell .information-panel .contact .lab-button{text-decoration:none;display:inline-flex;align-items:center}

#preview-shell nav[aria-label="Services navigation"]{flex-wrap:wrap}
#preview-shell .services-jump{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;max-width:340px;font-size:8px;color:var(--md-on-surface-variant)}
#preview-shell .services-jump select{width:100%;min-width:0;font-size:9px}
@media(max-width:550px){#preview-shell .services-jump{order:3;flex-basis:100%;max-width:none}}

#preview-shell #download-results:has(>.menu>img){display:block!important;padding:14px;box-sizing:border-box}
#preview-shell #download-results:has(>.menu>img)>.downloads-tabs{justify-content:flex-start;padding:0 0 12px;background:transparent}
#preview-shell #download-results:has(>.menu>img)>.menu:has(>img){margin:0 0 14px;padding:0;text-align:center}
#preview-shell #download-results:has(>.menu>img)>.menu>img{display:block;width:100%;max-height:480px;object-fit:contain;border:1px solid var(--section-line);border-radius:12px;box-sizing:border-box;background:var(--md-surface-2)}
#preview-shell #download-results:has(>.menu>img)>.downloads-card{width:100%;box-sizing:border-box;margin:0}
#preview-shell #download-results:has(>.menu>img)>.downloads-tabs button{border:1px solid var(--section-line)!important;border-radius:8px!important;min-height:32px;padding:0 12px!important}

#preview-shell #download-related-results{margin:0 14px 14px;padding:14px;border:1px solid var(--section-line);border-radius:12px;box-sizing:border-box;font-size:9px;line-height:1.6}
#preview-shell #download-related-results>.likebox{position:relative;background:transparent!important;border:0!important;border-bottom:1px solid var(--section-line)!important;border-radius:0;padding:0 0 10px!important;margin:0 0 12px!important;font-size:10px;line-height:1.5}
#preview-shell #download-related-results>.likebox::after{content:"";position:absolute;left:0;bottom:-1px;width:24px;height:1px;background:var(--section-accent)}
#preview-shell #download-related-results>.menu{padding:0!important;margin:0;font-size:9px;color:var(--md-on-surface-variant);line-height:1.7}
#preview-shell #download-related-results>.menu b{color:var(--section-ink);font-size:9px}
#preview-shell #download-related-results>.navi{background:transparent!important;border:0!important;text-align:left!important;padding:12px 0 0!important;margin:0;font-size:9px}
#preview-shell #download-related-results>.navi a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;box-sizing:border-box;padding:6px 12px;border:1px solid var(--section-line);border-radius:8px;background:var(--section-surface);color:var(--section-ink);font-size:9px;font-weight:700;text-decoration:none}
#preview-shell #download-related-results>.navi a:hover{border-color:var(--section-accent);background:color-mix(in srgb,var(--section-accent) 8%,var(--section-surface))}

#preview-shell #download-results:has(>.ringtone-card[data-record-open]){display:block!important;padding:14px;box-sizing:border-box}
#preview-shell #download-results>.ringtone-card[data-record-open]{width:100%;box-sizing:border-box;margin:14px 0 0;padding:14px}
#preview-shell #download-results>.ringtone-card[data-record-open]>.align-center{padding:0 0 12px!important;text-align:left;font-size:9px;line-height:1.6}
#preview-shell #download-results>.ringtone-card[data-record-open]>.downloads-card-info{padding:0!important;margin:12px 0 0;font-size:9px}
#preview-shell #download-results>.ringtone-card[data-record-open] .download-audio{width:100%;height:32px}
#preview-shell #download-results>.ringtone-card[data-record-open] .downloads-primary-actions{margin:0}
/* YouTube catalogue matches the supplied static design. */
#preview-shell [data-page="youtube"] .youtube-tabs{justify-content:center;flex-wrap:wrap;gap:4px;padding:7px 12px}
#preview-shell [data-page="youtube"] .youtube-tabs button{font-size:8px!important;min-height:30px!important;padding:7px 9px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--md-on-surface-variant)!important}
#preview-shell [data-page="youtube"] .youtube-tabs button.active,#preview-shell [data-page="youtube"] .youtube-tabs button.active:hover{color:var(--section-ink)!important;border-bottom-color:var(--section-accent)!important}
#preview-shell [data-page="youtube"] .youtube-tabs button:not(.active):hover{background:transparent!important;border-bottom-color:var(--section-line)!important;color:var(--section-ink)!important}
#preview-shell [data-page="youtube"] .youtube-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#preview-shell [data-page="youtube"] .youtube-card{display:grid;grid-template-columns:155px minmax(0,1fr);padding:0;gap:0;overflow:hidden;min-width:0;border:1px solid var(--section-line);border-radius:12px;background:var(--section-surface)}
#preview-shell [data-page="youtube"] .youtube-poster{position:relative;min-height:100px;height:100%}
#preview-shell [data-page="youtube"] .youtube-poster img{display:block;width:100%;height:100%;min-height:100px;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0}
#preview-shell [data-page="youtube"] .youtube-card .lab-card-body{display:flex;flex-direction:column;padding:9px;min-width:0;font-size:7.5px;line-height:1.35}
#preview-shell [data-page="youtube"] .youtube-card .lab-title-button{font-size:10px!important}
#preview-shell [data-page="youtube"] .youtube-card .result-meta{font-size:7.5px;line-height:1.5}
#preview-shell [data-page="youtube"] .youtube-card font{color:var(--md-on-surface-variant)}
#preview-shell [data-page="youtube"] .native-form-section form{display:flex;gap:10px;align-items:center}
#preview-shell [data-page="youtube"] .native-form-section input:not([type="submit"]){flex:1;min-width:0;min-height:32px}
#preview-shell [data-page="youtube"] .youtube-results-heading{margin:14px;padding-bottom:9px;font-size:10px}
#preview-shell [data-page="youtube"] .native-section{font-size:9px;line-height:1.7}
@media(max-width:640px){#preview-shell [data-page="youtube"] .youtube-grid{grid-template-columns:1fr}#preview-shell [data-page="youtube"] .youtube-card{grid-template-columns:120px minmax(0,1fr)}}
/* Finish the accepted horizontal video layout. */
#preview-shell [data-page="youtube"] .native-form-section{background:var(--md-surface-2)}
#preview-shell [data-page="youtube"] .youtube-card .lab-title-button{margin-bottom:6px!important;line-height:1.35!important}
#preview-shell [data-page="youtube"] .youtube-card .result-meta{color:var(--md-on-surface-variant)}
#preview-shell [data-page="youtube"] .youtube-card .result-meta>a:not(.lab-title-button){color:var(--section-ink);text-decoration:none}
#preview-shell [data-page="youtube"] .youtube-card .result-meta>a:not(.lab-title-button):hover{text-decoration:underline}
#preview-shell [data-page="youtube"] .youtube-poster>a{display:block;height:100%;position:relative}
#preview-shell [data-page="youtube"] .youtube-play{position:absolute;left:50%;top:50%;width:28px;height:28px;border-radius:50%;background:rgba(10,17,29,.62);transform:translate(-50%,-50%)}
#preview-shell [data-page="youtube"] .youtube-play:after{content:"";position:absolute;left:11px;top:9px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid white}
#preview-shell [data-page="youtube"] .youtube-duration{position:absolute;right:5px;bottom:5px;padding:3px 4px;border-radius:4px;background:rgba(10,17,29,.74);color:white;font:7px/1 monospace;pointer-events:none}
#preview-shell [data-page="youtube"] .youtube-card details[data-youtube-video]{margin-top:8px;font-size:8px;max-width:100%;color:var(--section-ink)}
#preview-shell [data-page="youtube"] .youtube-card details[data-youtube-video]>summary{cursor:pointer;font-weight:700;padding:4px 0}
#preview-shell [data-page="youtube"] .youtube-card details[data-youtube-video]>summary:hover{color:var(--section-accent)}
#preview-shell [data-page="youtube"] [data-youtube-actions]{display:flex;flex-wrap:wrap;gap:5px;max-width:100%}
#preview-shell [data-page="youtube"] [data-youtube-actions] button{min-height:28px;font-size:8px}
#preview-shell [data-page="youtube"] [data-youtube-playlist-form]{display:flex;flex-wrap:wrap;gap:5px;max-width:100%}
#preview-shell [data-page="youtube"] [data-youtube-playlist-form] :is(input,select){width:100%;min-width:0;box-sizing:border-box;min-height:30px;font-size:8px}
#preview-shell [data-page="youtube"] .youtube-card [data-favorite-toggle]{display:inline-block;margin:5px 0 8px;color:var(--section-ink);font-size:8px}
#preview-shell [data-page="youtube"] [data-youtube-actions]>details{flex:0 0 100%;min-width:0;margin-top:4px}
#preview-shell [data-page="youtube"] [data-youtube-actions]>details>summary{padding:5px 0;cursor:pointer;font-weight:700}
#preview-shell [data-page="youtube"] .youtube-recent-searches{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:8px;padding:12px 14px}
#preview-shell [data-page="youtube"] .youtube-recent-label{font-weight:700;color:var(--section-ink);margin-right:4px}
#preview-shell [data-page="youtube"] .youtube-recent-searches a{padding:4px 0;border-bottom:1px solid transparent;color:var(--md-on-surface-variant);text-decoration:none}
#preview-shell [data-page="youtube"] .youtube-recent-searches a:hover{color:var(--section-ink);border-bottom-color:var(--section-line)}
#preview-shell [data-page="youtube"] .native-form-section .youtube-search-form{display:grid;grid-template-columns:minmax(0,3fr) minmax(110px,1fr) auto;gap:12px;align-items:end}
#preview-shell [data-page="youtube"] .youtube-search-form .lab-field{display:flex;flex-direction:column;gap:6px;min-width:0}
#preview-shell [data-page="youtube"] .youtube-search-form .lab-field>span{font-size:7px;font-weight:700;letter-spacing:.06em;color:var(--md-on-surface-variant)}
#preview-shell [data-page="youtube"] .youtube-search-form :is(input,select){box-sizing:border-box;width:100%;min-height:32px}
#preview-shell [data-page="youtube"] .youtube-bottom-navigation{display:flex;justify-content:flex-start}
@media(max-width:520px){#preview-shell [data-page="youtube"] .native-form-section .youtube-search-form{grid-template-columns:1fr 1fr}#preview-shell [data-page="youtube"] .youtube-search-form .lab-field:first-child{grid-column:1/-1}}
#preview-shell [data-page="youtube"] .youtube-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#preview-shell [data-page="youtube"] .youtube-channel-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--section-line);border-radius:12px;min-width:0}
#preview-shell [data-page="youtube"] .youtube-channel-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:var(--md-surface-2);color:var(--section-ink);font-size:16px;font-weight:700}
#preview-shell [data-page="youtube"] .youtube-channel-title{font-size:10px;font-weight:700;color:var(--section-ink);text-decoration:none;overflow-wrap:anywhere}
#preview-shell [data-page="youtube"] .youtube-channel-title:hover{color:var(--section-accent);text-decoration:underline}
@media(max-width:640px){#preview-shell [data-page="youtube"] .youtube-channel-grid{grid-template-columns:1fr}}
#preview-shell [data-page="youtube"] .youtube-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#preview-shell [data-page="youtube"] .youtube-category-item{min-width:0}
#preview-shell [data-page="youtube"] .youtube-category-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;box-sizing:border-box;border:1px solid var(--section-line);border-radius:10px;font-size:9px;font-weight:700;color:var(--section-ink);text-decoration:none;background:var(--section-surface)}
#preview-shell [data-page="youtube"] .youtube-category-link:after{content:'→';color:var(--md-on-surface-variant)}
#preview-shell [data-page="youtube"] .youtube-category-link:hover{border-color:var(--section-accent)}
@media(max-width:640px){#preview-shell [data-page="youtube"] .youtube-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){#preview-shell [data-page="youtube"] .youtube-category-grid{grid-template-columns:1fr}}
#preview-shell [data-page="youtube"] #youtube-library-list{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:9px}
#preview-shell [data-page="youtube"] #youtube-library-list>.menu{grid-column:1/-1;padding:14px;border:1px solid var(--section-line);border-radius:12px;color:var(--md-on-surface-variant);font-size:9px;line-height:1.6}
#preview-shell [data-page="youtube"] #youtube-library-message:empty{display:none}
#preview-shell [data-page="youtube"] #youtube-library-message:not(:empty){margin:12px 14px;font-size:9px}
#preview-shell [data-page="youtube"] #youtube-library-list>table{width:100%;table-layout:fixed;border:1px solid var(--section-line);border-radius:12px;border-spacing:0;overflow:hidden;font-size:9px}
#preview-shell [data-page="youtube"] #youtube-library-list td{padding:10px;vertical-align:top;overflow-wrap:anywhere}
#preview-shell [data-page="youtube"] #youtube-library-list td.left{width:100px;padding:0}
#preview-shell [data-page="youtube"] #youtube-library-list td.left img{width:100%!important;height:100px!important;object-fit:cover}
#preview-shell [data-page="youtube"] #youtube-library-list button{min-height:28px;font-size:8px}
@media(max-width:640px){#preview-shell [data-page="youtube"] #youtube-library-list{grid-template-columns:1fr}}
#preview-shell [data-page="youtube"] #youtube-library-list>hr{display:none}
#preview-shell [data-page="youtube"] #youtube-library-list td.right>a:first-child{display:block;padding-bottom:7px;margin-bottom:4px;color:var(--section-ink);font-size:10px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--section-line)}
#preview-shell [data-page="youtube"] #youtube-library-list td.right{color:var(--md-on-surface-variant);font-size:8px;line-height:1.6}
#preview-shell [data-page="youtube"] #youtube-library-list td.right details{margin-top:8px;max-width:100%}
#preview-shell [data-page="youtube"] #youtube-library-list td.right a{color:var(--section-ink)}
#preview-shell [data-page="youtube"] #youtube-library-list td.right [data-youtube-actions]>details{flex-basis:100%}
#preview-shell [data-page="youtube"] #youtube-library-list td.left{width:155px}
#preview-shell [data-page="youtube"] #youtube-library-list td.left img{min-height:100px;height:100%!important}
@media(max-width:640px){#preview-shell [data-page="youtube"] #youtube-library-list td.left{width:120px}}
/* Saved-video thumbnails stretch with the details and expanded actions. */
#preview-shell [data-page="youtube"] #youtube-library-list>table{display:block}
#preview-shell [data-page="youtube"] #youtube-library-list>table>tbody{display:block}
#preview-shell [data-page="youtube"] #youtube-library-list>table>tbody>tr{display:grid;grid-template-columns:155px minmax(0,1fr)}
#preview-shell [data-page="youtube"] #youtube-library-list td.left{display:block;position:relative;width:auto;min-height:100px;align-self:stretch}
#preview-shell [data-page="youtube"] #youtube-library-list td.left img{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0;object-fit:cover}
#preview-shell [data-page="youtube"] #youtube-library-list td.right{display:block;min-width:0}
@media(max-width:640px){#preview-shell [data-page="youtube"] #youtube-library-list>table>tbody>tr{grid-template-columns:120px minmax(0,1fr)}#preview-shell [data-page="youtube"] #youtube-library-list td.left{width:auto}}
/* Saved video rows share the Popular card presentation. */
#preview-shell [data-page="youtube"] #youtube-library-list>table{background:var(--section-surface);border-radius:12px;box-sizing:border-box}
#preview-shell [data-page="youtube"] #youtube-library-list>table>tbody,#preview-shell [data-page="youtube"] #youtube-library-list>table>tbody>tr{height:100%}
#preview-shell [data-page="youtube"] #youtube-library-list td.right{padding:9px;font-size:7.5px;line-height:1.5}
#preview-shell [data-page="youtube"] #youtube-library-list td.right>a:first-child{position:relative;border:0;margin:0 0 6px;padding:0 0 7px;font-size:10px;font-weight:800;line-height:1.35;color:var(--section-ink)}
#preview-shell [data-page="youtube"] #youtube-library-list td.right>a:first-child:after{content:'';position:absolute;left:0;bottom:1px;width:22px;height:1px;background:var(--section-accent);opacity:.45;transition:width .15s ease,opacity .15s ease}
#preview-shell [data-page="youtube"] #youtube-library-list td.right>a:first-child:hover:after{width:38px;opacity:.8}
#preview-shell [data-page="youtube"] #youtube-library-list details[data-youtube-video]{margin-top:8px;font-size:8px;color:var(--section-ink)}
#preview-shell [data-page="youtube"] #youtube-library-list details[data-youtube-video]>summary{cursor:pointer;font-weight:700;padding:4px 0}
#preview-shell [data-page="youtube"] #youtube-library-list details[data-youtube-video]>summary:hover{color:var(--section-accent)}
#preview-shell [data-page="youtube"] #youtube-library-list [data-favorite-toggle]{display:inline-block;margin:5px 0 8px;font-size:8px;color:var(--section-ink)}
#preview-shell [data-page="youtube"] #youtube-library-list td.right button{min-height:28px;font-size:8px}
#preview-shell [data-page="youtube"] #youtube-library-list>.menu.align-right{border:0;border-radius:0;padding:0;text-align:right;background:transparent}
#preview-shell [data-page="youtube"] #youtube-library-list .youtube-card .youtube-poster img{position:absolute;inset:0}
#preview-shell [data-page="youtube"] #youtube-library-list .youtube-card .youtube-poster{align-self:stretch}
#preview-shell [data-page="youtube"] #youtube-library-list .youtube-card .result-meta>button{margin:6px 0;min-height:28px;font-size:8px}
#preview-shell [data-page="youtube"] #youtube-library-list .youtube-card .result-meta>a:not(.lab-title-button){display:inline-block;margin-top:6px;font-size:8px}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>form{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;background:var(--md-surface-2);border:1px solid var(--section-line);border-radius:12px;font-size:9px}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>form input{flex:1;min-width:100px;min-height:32px;box-sizing:border-box}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>form label{font-weight:700;color:var(--section-ink)}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>.menu:has(>a:only-child){grid-column:auto;padding:0}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>.menu>a:only-child{display:flex;align-items:center;justify-content:space-between;padding:14px;min-height:28px;color:var(--section-ink);font-size:10px;font-weight:700;text-decoration:none}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>.menu>a:only-child:after{content:'→';color:var(--md-on-surface-variant)}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>.menu>a:only-child:hover{color:var(--section-accent)}
@media(max-width:520px){#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>form label{flex-basis:100%}}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>.menu:has(>b){display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>.menu>form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex-basis:100%;margin-top:8px}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="playlists"]>.menu>form input{flex:1;min-width:100px;min-height:32px}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="queue"]>.menu:has(>a){display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;background:var(--md-surface-2)}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="queue"]>.menu>a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--section-line);border-radius:8px;font-size:9px;font-weight:700;color:var(--section-ink);text-decoration:none;background:var(--section-surface)}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="queue"]>.menu>a:hover{border-color:var(--section-accent)}
#preview-shell [data-page="youtube"] #youtube-library-list[data-view="queue"]>.menu>div{font-size:8px;line-height:1.6}
#preview-shell [data-page="youtube"] .youtube-detail{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;margin:14px;padding:14px;border:1px solid var(--section-line);border-radius:12px;min-width:0}
#preview-shell [data-page="youtube"] .youtube-detail-image{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:9px}
#preview-shell [data-page="youtube"] .youtube-detail .detail-lines{font-size:9px;line-height:1.9;overflow-wrap:anywhere;color:var(--md-on-surface-variant)}
#preview-shell [data-page="youtube"] .youtube-detail .detail-lines b{color:var(--section-ink)}
#preview-shell [data-page="youtube"] .youtube-description,#preview-shell [data-page="youtube"] .youtube-detail-panel{font-size:9px;line-height:1.8}
#preview-shell [data-page="youtube"] .youtube-detail-panel>.lab-button{margin:5px 8px 5px 0;font-size:8px}
#preview-shell [data-page="youtube"] .youtube-detail-panel [data-youtube-actions]{margin-top:10px}
#preview-shell [data-page="youtube"] .youtube-detail-panel [data-youtube-playlist-form]{max-width:340px}
@media(max-width:640px){#preview-shell [data-page="youtube"] .youtube-detail{grid-template-columns:1fr}#preview-shell [data-page="youtube"] .youtube-detail-image{max-width:320px}}
/* Preserve the live information page order and positions. */
#preview-shell [data-page="youtube"] .youtube-detail-title{margin:0 0 9px;padding-bottom:8px;font-size:14px;line-height:1.35;border-bottom:1px solid var(--section-line)}
#preview-shell [data-page="youtube"] .youtube-detail-panel{margin:12px 14px;padding:14px;border:1px solid var(--section-line);border-radius:12px;background:var(--section-surface)}
#preview-shell [data-page="youtube"] .youtube-description{margin:12px 14px;padding:14px;border:1px solid var(--section-line);border-radius:12px;line-height:1.7}
#preview-shell [data-page="youtube"] .youtube-detail-panel [data-youtube-actions]>details>summary{font-size:8px}
/* Connected video information and actions retain the live page order. */
#preview-shell [data-page="youtube"] .youtube-connected{margin:14px;border:1px solid var(--section-line);border-radius:12px;overflow:hidden;background:var(--section-surface)}
#preview-shell [data-page="youtube"] .youtube-connected .youtube-detail,#preview-shell [data-page="youtube"] .youtube-connected .youtube-description,#preview-shell [data-page="youtube"] .youtube-connected .youtube-detail-panel{margin:0;border:0;border-radius:0;box-shadow:none}
#preview-shell [data-page="youtube"] .youtube-connected .youtube-description,#preview-shell [data-page="youtube"] .youtube-connected .youtube-saved-controls{border-top:1px solid var(--section-line)}
#preview-shell [data-page="youtube"] .youtube-metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#preview-shell [data-page="youtube"] .youtube-metadata-grid>div{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:8px;background:var(--md-surface-2);font-size:8px;line-height:1.4}
#preview-shell [data-page="youtube"] .youtube-resource-links{padding:14px;font-size:9px}
#preview-shell [data-page="youtube"] .youtube-resource-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:6px 0}
#preview-shell [data-page="youtube"] .youtube-tag-link{display:inline-block;padding:2px 6px;font-size:8px;color:var(--md-on-surface-variant);text-decoration:none;border:0;border-bottom:1px solid transparent;background:transparent}
#preview-shell [data-page="youtube"] .youtube-tag-link:hover{color:var(--section-ink);border-bottom-color:var(--section-line)}
#preview-shell [data-page="youtube"] .youtube-saved-controls{padding:14px;font-size:9px}
#preview-shell [data-page="youtube"] .youtube-saved-top{display:flex;flex-wrap:wrap;gap:8px}
#preview-shell [data-page="youtube"] .youtube-saved-top .lab-button{margin:0;font-size:8px;min-height:28px}
#preview-shell [data-page="youtube"] .youtube-saved-controls [data-youtube-actions]{gap:8px;margin-top:8px}
#preview-shell [data-page="youtube"] .youtube-share-row{display:flex;justify-content:center;align-items:center;margin:14px;padding:12px;font-size:9px}
#preview-shell [data-page="youtube"] .youtube-share-row .share{text-decoration:none}
/* Compact resources and a connected, centered share footer. */
#preview-shell [data-page="youtube"] .youtube-connected .youtube-resource-links{padding:10px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px}
#preview-shell [data-page="youtube"] .youtube-resource-row{padding:3px 0;gap:5px;font-size:8px}
#preview-shell [data-page="youtube"] .youtube-tag-link{padding:2px 4px}
#preview-shell [data-page="youtube"] .youtube-saved-link{display:inline-block;font-size:8px;color:var(--section-ink);text-decoration:none;padding:2px 0;border-bottom:1px solid transparent}
#preview-shell [data-page="youtube"] .youtube-saved-link:hover{border-bottom-color:var(--section-line)}
#preview-shell [data-page="youtube"] .youtube-connected .youtube-share-row{display:flex!important;justify-content:center!important;width:auto!important;float:none!important;margin:0;padding:12px 14px;border-top:1px solid var(--section-line);gap:12px}
#preview-shell [data-page="youtube"] .youtube-connected .youtube-share-row .share{flex:0 0 auto;float:none!important;margin:0!important}
#preview-shell [data-page="youtube"] .youtube-info-connected .youtube-detail{align-items:stretch}
#preview-shell [data-page="youtube"] .youtube-info-connected .youtube-detail>div:first-child{position:relative;min-height:130px;align-self:stretch}
#preview-shell [data-page="youtube"] .youtube-info-connected .youtube-detail-image{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto;object-fit:cover}
@media(max-width:640px){#preview-shell [data-page="youtube"] .youtube-connected .youtube-resource-links{grid-template-columns:1fr}#preview-shell [data-page="youtube"] .youtube-info-connected .youtube-detail>div:first-child{min-height:150px}}
#preview-shell [data-page="youtube"] .youtube-inline-description{margin-top:10px;padding-top:9px;border-top:1px solid var(--section-line);font-size:9px;line-height:1.7}
#preview-shell [data-page="youtube"] .youtube-resource-card{padding:8px 10px;border:1px solid var(--section-line);border-radius:9px;background:var(--section-surface);min-width:0}
#preview-shell [data-page="youtube"] .youtube-saved-controls button{min-height:32px;padding:0 12px;border:1px solid var(--section-line);border-radius:8px;background:var(--md-surface-2);color:var(--section-ink);font-size:8px;font-weight:700;box-shadow:none;transition:border-color .15s ease,background-color .15s ease}
#preview-shell [data-page="youtube"] .youtube-saved-controls button:hover{border-color:var(--section-accent)!important;background:color-mix(in srgb,var(--section-accent) 7%,var(--section-surface))!important;color:var(--section-ink)!important;box-shadow:none!important;transform:none!important}
#preview-shell [data-page="youtube"] .youtube-saved-controls button:active{background:color-mix(in srgb,var(--section-accent) 12%,var(--section-surface))!important}
#preview-shell [data-page="youtube"] .youtube-connected .youtube-share-row{padding:18px 14px 20px!important;min-height:28px;box-sizing:content-box}
#preview-shell [data-page="youtube"] .youtube-share-row .share{position:relative;padding:6px 10px!important}
#preview-shell [data-page="youtube"] .youtube-share-row .share:after{left:10px!important;right:10px!important;bottom:0!important;width:auto!important;height:1px!important;border-radius:0!important;transform:scaleX(.3)!important;transform-origin:center!important}
#preview-shell [data-page="youtube"] .youtube-share-row .share:hover:after,#preview-shell [data-page="youtube"] .youtube-share-row .share:focus-visible:after{transform:scaleX(1)!important}

/* Player uses the same panels and controls as YouTube information pages. */
.youtube-player-panel{margin:14px;padding:14px;border:1px solid var(--line);border-radius:12px;font-size:9px;line-height:1.7;overflow:hidden}
.youtube-player-screen{width:100%;aspect-ratio:16/9;background:var(--surface-2);border-radius:9px;overflow:hidden}
.youtube-player-frame{display:block;width:100%;height:100%;border:0}
.youtube-player-panel button{border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);min-height:32px;padding:0 12px;font-size:8px;font-weight:700}
.youtube-player-panel button:hover{border-color:#c65d64;background:color-mix(in srgb,#c65d64 7%,var(--surface));color:var(--text)}
.youtube-player-panel details{margin-top:10px}.youtube-player-panel a:hover{color:#c65d64}
.youtube-player-panel>a{display:inline-block;margin-right:10px}
.youtube-player-panel [data-favorite-toggle]{margin-top:6px}
.youtube-player-panel .youtube-library-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
/* Text links follow the shared YouTube underline interaction. */
#preview-shell [data-page="youtube"] .youtube-player-panel a:not(.lab-button){display:inline-block;padding:2px 0;color:var(--section-ink);text-decoration:none;border-bottom:1px solid transparent;background:transparent}
#preview-shell [data-page="youtube"] .youtube-player-panel a:not(.lab-button):hover,
#preview-shell [data-page="youtube"] .youtube-player-panel a:not(.lab-button):focus-visible{color:var(--section-ink);text-decoration:none;border-bottom-color:var(--section-line)}
/* Avoid a second divider at the bottom edge of the channel panel. */
#preview-shell [data-page="youtube"] .youtube-channel-recent{border-bottom:0}
/* Shared catalogue pagination and text-link interactions across YouTube. */
#preview-shell [data-page="youtube"] .youtube-pagination{display:flex;align-items:center;gap:10px;padding:14px}
#preview-shell [data-page="youtube"] .youtube-pagination .youtube-page-next{margin-left:auto}
#preview-shell [data-page="youtube"] .youtube-pagination .lab-button{min-height:32px;min-width:85px;border-radius:8px;font-size:8px;font-weight:700;box-shadow:none}
#preview-shell [data-page="youtube"] .youtube-pagination .lab-button:hover{border-color:var(--section-accent);background:color-mix(in srgb,var(--section-accent) 7%,var(--section-surface));color:var(--section-ink);transform:none;box-shadow:none}
#preview-shell [data-page="youtube"] .youtube-card .result-meta>a:not(.lab-title-button){display:inline-block;border-bottom:1px solid transparent;text-decoration:none}
#preview-shell [data-page="youtube"] .youtube-card .result-meta>a:not(.lab-title-button):hover,
#preview-shell [data-page="youtube"] .youtube-card .result-meta>a:not(.lab-title-button):focus-visible{border-bottom-color:var(--section-line);text-decoration:none}
/* Card titles use the accent marker, without an extra text underline. */
#preview-shell .anime-card a.lab-title-button,
#preview-shell .anime-card a.lab-title-button:hover,
#preview-shell .anime-card a.lab-title-button:focus-visible{text-decoration:none!important}
.site-search-results{font-size:9px;line-height:1.7}
.site-search-form form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.site-search-form input[type="text"]{flex:1;min-width:160px}.site-search-form select{min-width:130px}
.site-search-results [data-discovery-section]{padding:14px;border-bottom:1px solid var(--line)}
.site-search-results [data-discovery-section] .menu{padding:6px 0}
.site-search-results [data-discovery-section] a{display:inline-block;text-decoration:none;border-bottom:1px solid transparent}
.site-search-results [data-discovery-section] a:hover{border-bottom-color:var(--line)}
.site-search-results [data-discovery-section] .likebox{font-weight:700;margin-bottom:8px}
/* Search results share the new panel structure, including async responses. */
.site-search-results [data-discovery-section]{padding:0;border:0}
.search-result-panel{margin:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.search-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:9px}
.search-result-heading h2{position:relative;margin:0;font-size:11px;font-weight:800;color:var(--text)}
.search-result-heading h2:after{content:"";position:absolute;left:0;bottom:-10px;width:24px;height:1px;background:var(--section-accent)}
.search-result-heading a{font-size:8px;color:var(--md-on-surface-variant);padding:3px 0}
.search-result-item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.search-result-item:last-child{border-bottom:0}
.search-result-item>a{font-size:10px;font-weight:700;color:var(--text)}
.search-result-meta,.search-result-status{font-size:9px;color:var(--md-on-surface-variant)}
.search-result-status{margin:4px 0}
.search-result-panel[data-search-kind="anime"],.search-result-panel[data-search-kind="manga"]{--section-accent:#d99a65}
.search-result-panel[data-search-kind="youtube"]{--section-accent:#c65d64}
.search-result-panel[data-search-kind="wallpaper"],.search-result-panel[data-search-kind="ringtone"]{--section-accent:#42bcd6}
.site-search-form{background:var(--md-surface-2)}
#preview-shell [data-page="information"]:has(.site-search-results){border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--surface);box-shadow:0 12px 30px rgba(32,51,80,.08)}
@media(max-width:640px){#preview-shell [data-page="information"]:has(.site-search-results){border-radius:14px}}
/* Changelog disclosures keep their structure in the new stylesheet. */
#preview-shell .information-design .release-entry>summary{list-style:none;position:relative;padding-right:36px}
#preview-shell .information-design .release-entry>summary::-webkit-details-marker{display:none}
#preview-shell .information-design .release-entry>summary::after{content:'+';position:absolute;right:14px;top:14px;font-size:16px;line-height:1;color:var(--section-accent)}
#preview-shell .information-design .release-entry[open]>summary::after{content:'−'}
#preview-shell .information-design .release-pages .release-page-current{border-color:var(--section-accent);font-weight:700;background:var(--md-surface-2)}
#preview-shell .information-design .release-pages a:hover{border-color:var(--section-accent);background:var(--md-surface-2)}
/* Site-wide text links: a grey underline on hover and keyboard focus. */
#preview-shell a:not(.trend-more):not(.cat-go):not(.lab-button):not(.lab-title-button):not(.share):not(.tool-button):not(.page):not(.youtube-category-link):not(.youtube-channel-title):not(:has(img)):not([class*="poster"]):not([class*="cover"]):not([role="button"]):not(.release-pages a):not(.services-navigation a):not(.information-navigation a){text-decoration:none!important;border-bottom-color:transparent!important}
#preview-shell a:not(.trend-more):not(.cat-go):not(.lab-button):not(.lab-title-button):not(.share):not(.tool-button):not(.page):not(.youtube-category-link):not(.youtube-channel-title):not(:has(img)):not([class*="poster"]):not([class*="cover"]):not([role="button"]):not(.release-pages a):not(.services-navigation a):not(.information-navigation a):is(:hover,:focus-visible){text-decoration-line:underline!important;text-decoration-color:var(--line)!important;text-decoration-thickness:1px!important;text-underline-offset:4px}

#preview-shell a:not(.trend-more):not(.cat-go):not(.lab-button):not(.lab-title-button):not(.share):not(.tool-button):not(.page):not(.youtube-category-link):not(.youtube-channel-title):not(:has(img)):not([class*="poster"]):not([class*="cover"]):not([role="button"]):not(.release-pages a):not(.services-navigation a):not(.information-navigation a)::after{display:none!important}
/* Link accent markers appear only during interaction. */
#preview-shell .anime-card .lab-title-button::after{opacity:0}
#preview-shell .anime-card .lab-title-button:is(:hover,:focus-visible)::after{opacity:1;background:var(--line)}
.share::after{opacity:0!important}
.share:is(:hover,:focus-visible)::after{opacity:1!important}
/* The homepage More arrow is an icon, not an underline. */
#preview-shell .trend-more::after{display:inline!important}
/* Center the footer strip behind the copyright card on every page. */
.site-foot::before,body.lab-home .site-foot::before{top:calc(50% - 17px)!important;bottom:auto!important;transform:translateY(-3px)}
body.lab-home .site-foot::before{transform:translateY(-10px)}

/* Homepage controls and sharing use one alignment geometry. */
#homeSearch{display:grid!important;grid-template-columns:minmax(0,1fr) 150px 86px!important;align-items:center!important;gap:6px!important}
#homeSearch input,#homeSearch select,#homeSearch button{box-sizing:border-box!important;height:38px!important;min-height:38px!important;margin:0!important;align-self:center!important}
#homeSearch input{min-width:0!important;width:100%!important}
#homeSearch button{display:flex!important;align-items:center!important;justify-content:center!important}
#preview-shell .shares .share::after{left:0!important;right:0!important;width:auto!important;transform-origin:left center!important;height:1px!important}
@media(max-width:600px){#homeSearch{grid-template-columns:minmax(0,1fr) 86px!important}#homeSearch input{grid-column:1/-1}#homeSearch select{width:100%!important}}
#homeSearch button{max-height:38px!important;padding-top:0!important;padding-bottom:0!important;line-height:1!important}
#preview-shell #homeSearch input[type="search"],#preview-shell #homeSearch select,#preview-shell #homeSearch .search-btn{height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important}

/* Align the hover rail with each share icon, including the first item. */
#preview-shell .shares .share{padding-left:9px!important;padding-right:9px!important}
#preview-shell .shares .share::after{left:9px!important;right:9px!important;transform-origin:left center!important}
.site-head .status-right::before{display:none!important}
#preview-shell .portal-status .visitors-pill.is-unavailable{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 9px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:var(--surface-2)!important;color:var(--muted)!important;font-size:8px;font-weight:600;text-decoration:none!important}
#preview-shell .portal-status .visitors-pill.is-unavailable::before{display:none!important}
#preview-shell .portal-status .visitors-pill.is-unavailable:hover{border-color:var(--section-accent)!important;color:var(--ink)!important;text-decoration:none!important}
/* Downloads pagination sits below the ad with an inset on every side. */
#preview-shell .main>.downloads-pagination{border-top:0!important;margin:0!important;padding:14px!important;box-sizing:border-box;gap:12px}
#preview-shell .youtube-catalogue-navigation{padding:14px!important;margin:0!important;border-top:0!important;display:flex;justify-content:space-between;align-items:center;gap:12px}
#preview-shell .youtube-bottom-navigation{border-bottom:0!important}
#preview-shell .anime-bottom-pagination{padding:14px!important;margin:0!important;border-top:0!important;display:flex;align-items:center;justify-content:space-between;gap:12px}
#preview-shell .manga-bottom-pagination{padding:14px!important;margin:0!important;border-top:0!important;display:flex;align-items:center;justify-content:space-between;gap:12px}
/* The sticky navigation rail appears only after the header leaves view. */
#preview-shell>.lab-nav::before{opacity:0!important;transition:opacity .15s ease;background:color-mix(in srgb,var(--navigation-accent,#7b91c2) 22%,transparent)!important}
#preview-shell>.lab-nav.is-detached::before{opacity:1!important}
#preview-shell:has(>.lab-page[data-page="anime"]){--navigation-accent:#d8892e}
#preview-shell:has(>.lab-page[data-page="manga"]){--navigation-accent:#738bce}
#preview-shell:has(>.lab-page[data-page="downloads"]){--navigation-accent:#11b4cf}
#preview-shell:has(>.lab-page[data-page="services"]){--navigation-accent:#21aa72}
/* One shared main-navigation interaction, with each destination's accent. */
#preview-shell>.lab-nav button{position:relative;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:var(--md-on-surface-variant)!important;transition:background-color .15s ease,color .15s ease}
#preview-shell>.lab-nav button::after{content:""!important;display:block!important;position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--line);opacity:0;transform:scaleX(.55);transform-origin:center;transition:opacity .15s ease,transform .15s ease}
#preview-shell>.lab-nav button:hover{background:color-mix(in srgb,var(--md-on-surface-variant) 5%,transparent)!important;color:var(--md-on-surface)!important}
#preview-shell>.lab-nav button:is(:hover,:focus-visible)::after{opacity:1;transform:scaleX(1)}
#preview-shell>.lab-nav button[aria-current="page"]{background:color-mix(in srgb,var(--nav-accent) 8%,var(--md-surface))!important;border-color:transparent!important;box-shadow:none!important;color:var(--md-on-surface)!important}
#preview-shell>.lab-nav button[aria-current="page"]::after{background:var(--nav-accent)!important;opacity:.75;transform:scaleX(1)}
#preview-shell>.lab-nav button[aria-current="page"]:hover{background:color-mix(in srgb,var(--nav-accent) 12%,var(--md-surface))!important}
#preview-shell>.lab-nav button:focus-visible{outline:2px solid var(--nav-accent)!important;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){#preview-shell>.lab-nav button,#preview-shell>.lab-nav button::after{transition:none}}

#preview-shell .lab-nav button[data-preview-href="/youtube.html"]{--nav-accent:#c65d64}
#preview-shell:has(>.lab-page[data-page="youtube"]){--navigation-accent:#c65d64}
/* Trending follows each catalogue's accent, with two cyan download shades. */
#preview-shell .trend-row:has(.trend-a){--trend-accent:#d8892e}
#preview-shell .trend-row:has(.trend-m){--trend-accent:#738bce}
#preview-shell .trend-row:has(.trend-y){--trend-accent:#c65d64}
#preview-shell .trend-row:has(.trend-w){--trend-accent:#29b7cf}
#preview-shell .trend-row:has(.trend-r){--trend-accent:#2498b5}
/* Review feature 1: visitor-controlled discovery picks. */
#preview-shell .pick-controls{display:flex;align-items:center;gap:7px;margin:10px 0 8px;flex-wrap:wrap}
#preview-shell .pick-controls label{font-size:8px;font-weight:700;color:var(--muted)}
#preview-shell .pick-controls select{flex:1;min-width:110px;min-height:30px;font-size:9px;padding:5px 24px 5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}
#preview-shell .pick-controls .lab-button,#preview-shell .pick-actions .lab-button{min-height:30px;padding:6px 9px;font-size:8px}
#preview-shell .pick-actions{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
#preview-shell #pickFeedback{font-size:8px;color:var(--muted)}
#preview-shell #pickSave[aria-pressed="true"]{border-color:#738bce;background:color-mix(in srgb,#738bce 8%,var(--surface))}
#preview-shell .random-title{display:flex!important;align-items:center!important;justify-content:space-between;gap:8px;flex-wrap:wrap}
#preview-shell .random-title .pick-controls{display:flex;flex-wrap:nowrap;margin:0 0 0 auto!important;gap:5px}
#preview-shell .random-title #pickMood{flex:none;width:118px;min-width:0;min-height:25px!important;height:25px!important;padding:3px 22px 3px 7px!important;font-size:8px!important;border-radius:6px}
#preview-shell .random-title #pickNext{width:27px;min-width:27px;min-height:25px!important;height:25px!important;padding:0!important;font-size:13px!important;line-height:1;border-radius:6px;display:grid;place-items:center}
#preview-shell .random-title #pickMood,#preview-shell .random-title #pickNext{font-weight:400!important}
#preview-shell .pick-copy .pick-actions{margin-top:9px;gap:7px;align-items:center}
#preview-shell .pick-copy #pickSave{font-weight:400!important;font-size:8px!important;min-height:27px!important;padding:5px 8px!important;border-radius:7px}
#preview-shell .pick-copy #pickFeedback{font-size:8px;line-height:1.4}
#preview-shell #randomPick{height:auto!important;min-height:157px!important;overflow:visible!important;padding-top:14px!important;padding-bottom:14px!important}
#preview-shell #randomPick .pick-copy{height:auto!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column;gap:6px!important}
#preview-shell #randomPick .pick-title{margin:0!important;padding-bottom:0!important;min-height:0!important}
#preview-shell #randomPick .pick-meta-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#preview-shell #randomPick .pick-meta{margin:0!important}
#preview-shell #randomPick .pick-actions{margin:0 0 0 auto!important;padding:0!important;border:0!important}
#preview-shell #randomPick #pickSave{background:var(--surface)!important;border:1px solid #738bce!important;white-space:nowrap;min-height:26px!important}
#preview-shell #randomPick .pick-desc{margin:0!important}
#preview-shell #randomPick #pickFeedback:empty{display:none}
#preview-shell #randomPick .pick-copy .pick-actions #pickSave{box-sizing:border-box!important;height:17px!important;min-height:17px!important;max-height:17px!important;padding:2px 7px!important;line-height:1.1!important;font-size:7.8px!important}
#preview-shell .quick-panel .pick-shell{height:auto!important;min-height:0!important;padding:10px 2px 0!important}
#preview-shell .quick-panel #randomPick{height:auto!important;max-height:none!important;min-height:157px!important;padding:14px 13px 14px 119px!important;margin:0!important}
#preview-shell #randomPick .pick-poster{top:13px!important;left:12px!important;width:94px!important;min-width:94px!important;max-width:94px!important;height:118px!important;min-height:118px!important;max-height:118px!important;transform:none!important}
#preview-shell #randomPick .pick-title{height:auto!important;max-height:none!important;line-height:1.12!important}
#preview-shell #randomPick .pick-desc{height:auto!important;min-height:0!important;max-height:none!important}
#preview-shell #randomPick .pick-copy .pick-actions{justify-content:flex-end!important;align-self:stretch;margin:2px 0 0!important}
@media(max-width:390px){#preview-shell .quick-panel #randomPick{padding-left:100px!important}#preview-shell #randomPick .pick-poster{width:76px!important;min-width:76px!important;max-width:76px!important;height:100px!important;min-height:100px!important;max-height:100px!important}}
/* Restore the raised poster treatment while retaining the flexible card. */
#preview-shell .quick-panel .pick-shell{padding-top:22px!important}
#preview-shell #randomPick .pick-poster{top:-15px!important;left:9px!important;width:98px!important;min-width:98px!important;max-width:98px!important;height:123px!important;min-height:123px!important;max-height:123px!important;transform:rotate(-1deg)!important}
#preview-shell #randomPick:hover .pick-poster,#preview-shell #randomPick:focus-within .pick-poster{transform:translateY(-1px) rotate(-.45deg)!important}
@media(max-width:390px){#preview-shell #randomPick .pick-poster{width:76px!important;min-width:76px!important;max-width:76px!important;height:100px!important;min-height:100px!important;max-height:100px!important}}
/* Review feature 2: personal shelf, using existing browser history. */
#preview-shell .home-shelf{padding:14px;border-top:1px solid var(--line);background:var(--surface)}
#preview-shell .shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#preview-shell .shelf-heading h2{margin:0;font-size:11px;letter-spacing:.02em}
#preview-shell .shelf-heading>span{font-size:8px;color:var(--muted)}
#preview-shell .shelf-tabs{display:flex;gap:14px;margin:8px 0 10px}
#preview-shell .shelf-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:5px 0;font-size:8px;cursor:pointer}
#preview-shell .shelf-tabs button[aria-pressed="true"]{border-bottom-color:#738bce;color:var(--ink)}
#preview-shell .shelf-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#preview-shell .shelf-item{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);text-decoration:none!important}
#preview-shell .shelf-item strong{font-size:10px;line-height:1.3}
#preview-shell .shelf-item small,#preview-shell .shelf-kind{font-size:8px;color:var(--muted)}
#preview-shell .shelf-kind{color:#738bce}
#preview-shell .shelf-item[data-kind="Anime"] .shelf-kind{color:#d8892e}
#preview-shell .shelf-item[data-kind="YouTube"] .shelf-kind{color:#c65d64}
#preview-shell .shelf-item[data-kind="Wallpaper"] .shelf-kind,#preview-shell .shelf-item[data-kind="Ringtone"] .shelf-kind{color:#2498b5}
#preview-shell .shelf-empty{margin:0;font-size:9px;color:var(--muted);padding:8px 0}
@media(max-width:600px){#preview-shell .shelf-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){#preview-shell .shelf-items{grid-template-columns:1fr}}

/* Shared entry to browser-local personal shelf. */
.site-head .personal-shelf-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding:3px 0;}
.site-head .personal-shelf-link:hover{color:var(--surface);text-decoration:underline;text-underline-offset:4px;}
.site-head .personal-shelf-link:focus-visible{outline:1px solid currentColor;outline-offset:4px;border-radius:2px;}

/* Personal shelf: quiet tabs and cards with room for each title. */
#preview-shell .shelf-page-head{padding-bottom:20px}
#preview-shell .shelf-back{display:inline-flex;align-items:center;margin-bottom:17px;font-size:9px;color:var(--muted);text-decoration:none}
#preview-shell .shelf-back:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
#preview-shell .home-shelf{padding:20px;min-height:210px}
#preview-shell .shelf-heading h2{font-size:12px}
#preview-shell .shelf-privacy{padding:4px 8px;border:1px solid var(--line);border-radius:20px;font-size:8px}
#preview-shell .shelf-tabs{gap:5px;margin:17px 0 20px;padding:4px;background:color-mix(in srgb,var(--muted) 7%,var(--surface));border-radius:10px;width:fit-content;max-width:100%}
#preview-shell .shelf-tabs button{min-height:30px;padding:7px 12px;border:1px solid transparent;border-radius:7px;box-shadow:none;font-size:9px;font-weight:400;letter-spacing:0}
#preview-shell .shelf-tabs button:hover{background:color-mix(in srgb,#738bce 7%,var(--surface));color:var(--ink)}
#preview-shell .shelf-tabs button[aria-pressed="true"]{background:var(--surface);border-color:var(--line);box-shadow:0 2px 5px #14274a08;color:var(--ink)}
#preview-shell .shelf-items{gap:12px}
#preview-shell .shelf-item{padding:15px;gap:9px;min-height:110px;background:var(--surface);transition:border-color .16s,background .16s}
#preview-shell .shelf-item:hover{border-color:#738bce;background:color-mix(in srgb,#738bce 4%,var(--surface))}
#preview-shell .shelf-item:focus-visible,#preview-shell .shelf-tabs button:focus-visible,#preview-shell .shelf-back:focus-visible{outline:2px solid #738bce;outline-offset:3px}
#preview-shell .shelf-item strong{font-size:12px;line-height:1.4}
#preview-shell .shelf-item small{margin-top:auto;font-size:8px}
#preview-shell .shelf-kind{font-size:8px;letter-spacing:.04em}
#preview-shell .shelf-empty{padding:25px 15px;border:1px dashed var(--line);border-radius:10px;font-size:10px;line-height:1.6}
@media(max-width:450px){#preview-shell .home-shelf{padding:14px}#preview-shell .shelf-heading{align-items:flex-start}#preview-shell .shelf-tabs button{padding:7px 8px;font-size:8px}}
#preview-shell .shelf-tabs button{border-color:transparent!important;background:transparent!important;box-shadow:none!important}
#preview-shell .shelf-tabs button[aria-pressed="true"]{border-color:var(--line)!important;background:var(--surface)!important}
#preview-shell .shelf-tabs button:hover{background:color-mix(in srgb,#738bce 7%,var(--surface))!important}
#preview-shell .shelf-item{height:auto!important;max-height:none!important;overflow:visible!important}

/* Collection cards keep the section colors used throughout the site. */
#preview-shell .shelf-item{--shelf-accent:#738bce;position:relative;min-height:100px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--shelf-accent) 24%,var(--line))!important;border-left:3px solid var(--shelf-accent)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--shelf-accent) 5%,var(--surface)),var(--surface))!important;border-radius:10px!important}
#preview-shell .shelf-item[data-kind="Anime"]{--shelf-accent:#d8892e}
#preview-shell .shelf-item[data-kind="YouTube"]{--shelf-accent:#c65d64}
#preview-shell .shelf-item[data-kind="Wallpaper"]{--shelf-accent:#29b7cf}
#preview-shell .shelf-item[data-kind="Ringtone"]{--shelf-accent:#2498b5}
#preview-shell .shelf-item .shelf-kind{color:var(--shelf-accent);font-weight:500}
#preview-shell .shelf-item:hover{border-color:var(--shelf-accent)!important}
#preview-shell .shelf-item:focus-visible{outline-color:var(--shelf-accent)}
#preview-shell .shelf-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;font-size:9px;color:var(--muted)}
#preview-shell .shelf-pagination button{font-size:8px;min-height:30px;padding:6px 12px;font-weight:400}
#preview-shell .shelf-pagination button:disabled{opacity:.45;cursor:default}
#preview-shell .home-shelf{min-height:0}
@media(max-width:450px){#preview-shell .shelf-pagination{padding:14px;gap:6px}#preview-shell .shelf-pagination button{padding:6px 8px}}

#preview-shell .home-shelf .shelf-back{margin:12px 0 0;font-size:9px}
#preview-shell .shelf-item .shelf-kind,#preview-shell .shelf-item:hover .shelf-kind{border:0!important;text-decoration:none!important;background-image:none!important;box-shadow:none!important}
#preview-shell .shelf-item .shelf-kind::after,#preview-shell .shelf-item .shelf-kind::before{display:none!important}

/* Optional inline previews leave title links and browsing actions intact. */
#preview-shell .trend-preview-toggle{flex:none;margin-left:7px;padding:3px 6px;min-height:0;font-size:7px;font-weight:400;letter-spacing:0;border:1px solid var(--line)!important;border-radius:6px;background:var(--surface)!important;box-shadow:none!important;color:var(--muted)}
#preview-shell .trend-preview-toggle[aria-expanded="true"]{color:var(--ink);border-color:#738bce!important}
#preview-shell .trend-preview-panel{--quick-accent:#738bce;margin:7px 0 12px;padding:12px;border:1px solid var(--line);border-left:3px solid var(--quick-accent);border-radius:8px;background:var(--surface);display:flex;flex-direction:column;gap:7px;letter-spacing:0}
#preview-shell .trend-preview-panel[hidden]{display:none}
#preview-shell .trend-preview-panel[data-kind="Anime"]{--quick-accent:#d8892e}
#preview-shell .trend-preview-panel[data-kind="YouTube"]{--quick-accent:#c65d64}
#preview-shell .trend-preview-panel[data-kind="Wallpaper"],#preview-shell .trend-preview-panel[data-kind="Ringtone"]{--quick-accent:#29b7cf}
#preview-shell .quick-preview-kind{font-size:8px;color:var(--quick-accent)}
#preview-shell .trend-preview-panel strong{font-size:11px;line-height:1.4}
#preview-shell .trend-preview-panel p{margin:0;font-size:9px;color:var(--muted);line-height:1.5}
#preview-shell .trend-preview-panel a{font-size:8px;width:fit-content;color:var(--quick-accent)}
#preview-shell .trend-preview-panel[hidden]{display:none!important}
#preview-shell .trend-row>.trend-line{grid-template-columns:minmax(0,1fr) auto auto!important}
#preview-shell .trend-preview-toggle{width:auto!important;align-self:center}

#preview-shell .daily-discovery{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px;border-top:1px solid var(--line);background:var(--surface)}
#preview-shell .daily-discovery h2{margin:0 0 4px;font-size:10px;letter-spacing:.02em}
#preview-shell .daily-discovery>div>span{font-size:8px;color:var(--muted)}
#preview-shell .daily-discovery-item{--daily-accent:#738bce;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--daily-accent) 35%,var(--line));border-radius:9px;text-decoration:none!important;color:var(--ink);background:color-mix(in srgb,var(--daily-accent) 4%,var(--surface));max-width:65%}
#preview-shell .daily-discovery-item[data-kind="Anime"]{--daily-accent:#d8892e}
#preview-shell .daily-discovery-item[data-kind="YouTube"]{--daily-accent:#c65d64}
#preview-shell .daily-discovery-item[data-kind="Wallpaper"],#preview-shell .daily-discovery-item[data-kind="Ringtone"]{--daily-accent:#29b7cf}
#preview-shell .daily-discovery-item span{color:var(--daily-accent);font-size:8px}
#preview-shell .daily-discovery-item strong{font-size:10px;line-height:1.4}
#preview-shell .daily-discovery-item:hover{border-color:var(--daily-accent)}
#preview-shell .daily-discovery-item:focus-visible{outline:2px solid var(--daily-accent);outline-offset:3px}
@media(max-width:500px){#preview-shell .daily-discovery{align-items:stretch;flex-direction:column;gap:10px}#preview-shell .daily-discovery-item{max-width:none}}

#preview-shell .trending .daily-discovery{margin-top:14px;padding:12px 0 0;gap:8px;flex-direction:column;align-items:stretch}
#preview-shell .trending .daily-discovery>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
#preview-shell .trending .daily-discovery h2{margin:0;font-size:9px}
#preview-shell .trending .daily-discovery>div>span{font-size:7px}
#preview-shell .trending .daily-discovery-item{max-width:none;padding:8px 10px;gap:9px}
#preview-shell .trending .daily-discovery-item strong{flex:1;font-size:9px}
@media(max-width:390px){#preview-shell .trending .daily-discovery>div{align-items:flex-start;flex-direction:column}}
/* Tighten the home discovery rail without clipping expanded previews. */
#preview-shell .trending .trend-row{min-height:24px!important;padding-top:1px!important;padding-bottom:1px!important}
#preview-shell .trending .daily-discovery{margin-top:8px;padding-top:8px;gap:6px}
#preview-shell .trending .daily-discovery-item{padding-top:6px;padding-bottom:6px}

.pick-notice{position:fixed;bottom:36px;left:50%;transform:translateX(-50%);z-index:110;display:flex;align-items:center;gap:12px;max-width:calc(100% - 28px);padding:11px 14px;background:var(--surface,#fff);color:var(--ink,#263044);border:1px solid var(--line,#cdd6e5);border-radius:12px;box-shadow:0 8px 25px #14274a20;font-size:11px}
.pick-notice[hidden],.pick-notice button[hidden]{display:none!important}
.pick-notice button{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px!important;min-height:0!important;color:var(--ink,#263044);font-size:11px;font-weight:400;cursor:pointer}
.pick-notice button:hover{text-decoration:underline;text-underline-offset:3px}
.pick-notice button:focus-visible{outline:2px solid #738bce;outline-offset:3px;border-radius:3px}
/* Gentle response on the homepage category cards. */
#preview-shell .categories .category{--card-accent:#738bce;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#preview-shell .categories .category[data-index="01"]{--card-accent:#29b7cf}
#preview-shell .categories .category[data-index="02"]{--card-accent:#c65d64}
#preview-shell .categories .category[data-index="03"]{--card-accent:#d8892e}
#preview-shell .categories .category[data-index="04"]{--card-accent:#2fa36f}
#preview-shell .categories .category:hover,#preview-shell .categories .category:focus-within{transform:translateY(-2px);border-color:color-mix(in srgb,var(--card-accent) 45%,var(--line))!important;box-shadow:0 5px 14px #14274a0d!important}
#preview-shell .categories .category .cat-go{transition:background .18s ease,border-color .18s ease}
#preview-shell .categories .category:hover .cat-go,#preview-shell .categories .category:focus-within .cat-go{border-color:var(--card-accent)!important;background:color-mix(in srgb,var(--card-accent) 7%,var(--surface))!important}
@media(prefers-reduced-motion:reduce){#preview-shell .categories .category,#preview-shell .categories .category .cat-go{transition:none!important}#preview-shell .categories .category:hover,#preview-shell .categories .category:focus-within{transform:none!important}}
/* The shelf entry must remain reachable when the compact header is shown. */
@media(max-width:600px){.site-head .status-strip{display:flex!important;min-height:24px!important;padding:4px 12px!important}.site-head .status-right{margin-left:auto;font-size:7px!important}.site-head .personal-shelf-link{padding:3px 0}}

/* Native provider result rows share the redesigned service cards. */
#preview-shell .service-result-card{margin:9px 14px;padding:13px 15px;border:1px solid var(--line);border-left:3px solid #2fa36f;border-radius:10px;background:var(--surface);font-size:10px;line-height:1.6;color:var(--muted)}
#preview-shell .service-result-card>b{color:var(--ink);font-size:11px}
#preview-shell .currency-quick-actions .currency-amount-link{display:inline!important;width:auto!important;min-height:0!important;margin:0 4px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-weight:400!important;color:#2fa36f!important;text-decoration:none}
#preview-shell .currency-quick-actions .currency-amount-link:hover{text-decoration:underline;text-underline-offset:3px}
#preview-shell .manga-volume-heading::before,#preview-shell .manga-volume-heading::after{display:none!important}
#preview-shell .manga-chapter-list .likebox::before{display:none!important}
#preview-shell .manga-chapter-list .likebox{border-left:0!important}
#preview-shell [data-page="manga"] .manga-chapter-list .likebox{border-left:0!important}

#preview-shell .downloads-detail-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;margin-bottom:15px}
#preview-shell .downloads-detail-summary>div{grid-column:1}
#preview-shell .downloads-detail-summary .downloads-detail-favourite{grid-column:2;grid-row:1 / span 2;width:auto!important;min-width:110px;justify-self:end}
#preview-shell #download-related-results [data-download-item]{margin:12px 0;padding:12px!important;border:1px solid var(--line)!important;border-left:3px solid #29b7cf!important;border-radius:10px;background:var(--surface)!important}
#preview-shell #download-related-results table,#preview-shell #download-related-results tbody{display:block;width:100%!important}
#preview-shell #download-related-results tr{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:start}
#preview-shell #download-related-results td{display:block;border:0!important;padding:0!important;width:auto!important}
#preview-shell #download-related-results img{width:100px!important;height:100px!important;object-fit:cover;border-radius:8px}
#preview-shell #download-related-results td.right{font-size:9px;line-height:1.6}
#preview-shell #download-related-results td.right>div:first-child{margin-bottom:5px;font-size:11px}
#preview-shell #download-related-results font{color:var(--muted)!important}
#preview-shell #download-related-results td .likebox,#preview-shell #download-related-results td .box{padding:7px 0!important;margin:0!important;border:0!important;background:transparent!important}
#preview-shell #download-related-results td .likebox::before,#preview-shell #download-related-results td .likebox::after{display:none!important}
#preview-shell #download-related-results hr{display:none!important}
#preview-shell .downloads-about{border-top:0!important}
@media(max-width:450px){#preview-shell .downloads-detail-summary{grid-template-columns:1fr}#preview-shell .downloads-detail-summary .downloads-detail-favourite{grid-column:1;grid-row:auto;justify-self:start}#preview-shell #download-related-results tr{grid-template-columns:70px minmax(0,1fr);gap:9px}#preview-shell #download-related-results img{width:70px!important;height:80px!important}}

#preview-shell .downloads-detail-summary>div:first-child{grid-column:1 / -1}
#preview-shell .downloads-detail-summary .downloads-detail-favourite{grid-row:2;min-width:0;font-size:8px;min-height:28px;padding:5px 9px}
#preview-shell #download-library>.menu{margin:14px;padding:18px!important;border:1px dashed var(--line)!important;border-radius:10px;font-size:10px;line-height:1.6;color:var(--muted);background:var(--surface)!important}
#preview-shell .downloads-library-note{padding:10px 14px;font-size:8px;line-height:1.5}
#preview-shell #download-related-results [data-download-item]{max-width:500px;margin:10px 0;padding:10px!important;border-left-width:2px!important}
#preview-shell #download-related-results tr{grid-template-columns:75px minmax(0,1fr);gap:12px}
#preview-shell #download-related-results img{width:75px!important;height:85px!important}
#preview-shell #download-related-results td .box{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
#preview-shell #download-related-results td .box button{min-height:26px!important;padding:4px 8px!important;font-size:8px!important;font-weight:400!important}
#preview-shell #download-related-results td .likebox a{font-size:8px!important;font-weight:400!important}
#preview-shell #download-related-results td .likebox small{display:block;margin-top:4px;font-size:8px;line-height:1.8}
@media(max-width:450px){#preview-shell .downloads-detail-summary .downloads-detail-favourite{grid-row:auto}}

#preview-shell .save-indicator{--save-accent:var(--section-accent,#738bce);color:var(--save-accent)!important;border-color:color-mix(in srgb,var(--save-accent) 45%,var(--line))!important}
#preview-shell #randomPick .save-indicator{--save-accent:inherit;border-color:var(--save-accent)!important}
#preview-shell .save-indicator[data-save-state="saved"]{background:color-mix(in srgb,var(--save-accent) 10%,var(--surface))!important;border-color:var(--save-accent)!important}
#preview-shell .save-indicator[data-save-state="available"]{background:var(--surface)!important}
#preview-shell .save-indicator:focus-visible{outline:2px solid var(--save-accent);outline-offset:3px}
#preview-shell [data-page] button.save-indicator,#preview-shell [data-page] a.save-indicator,#preview-shell [data-page] select.save-indicator{color:var(--save-accent)!important;border-color:color-mix(in srgb,var(--save-accent) 55%,var(--line))!important}
#preview-shell [data-page] button.save-indicator[data-save-state="saved"]{border-color:var(--save-accent)!important;background:color-mix(in srgb,var(--save-accent) 10%,var(--surface))!important}