/* SPDX-License-Identifier: GPL-3.0-or-later */
/* Native Home and library preview. Palette and controls mirror the SwiftUI app. */
.app-window { height:752px;display:grid;grid-template-columns:188px minmax(0,1fr);background:var(--app-canvas);border:1px solid #0c0d0e;border-radius:15px;overflow:hidden;color:var(--app-text);box-shadow:0 24px 60px -30px #2528235e;text-align:left;font-family:var(--sans);isolation:isolate }
.app-sidebar { position:relative;background:var(--app-sidebar);border-right:1px solid var(--app-line);padding:21px 13px;display:flex;flex-direction:column }
.app-traffic { display:flex;gap:7px;padding:0 7px 26px }
.app-traffic i { width:10px;height:10px;background:#ff5d55;border-radius:50%;box-shadow:inset 0 0 0 1px #0001 }
.app-traffic i:nth-child(2) { background:#e5bc45 }
.app-traffic i:nth-child(3) { background:#5ab55d }
.app-identity { display:flex;align-items:center;margin-bottom:29px;gap:5px }
.app-identity>img { width:43px;height:43px }
.app-identity>div { font:normal 23px var(--serif);letter-spacing:-.5px }
.app-identity small { display:block;font:normal 8px var(--sans);letter-spacing:0;margin-top:4px;color:var(--app-secondary) }
.app-sidebar nav { display:flex;flex-direction:column;gap:6px }
.app-nav { display:flex;align-items:center;gap:11px;background:transparent;color:#c6c7ca;border-radius:8px;text-align:left;font-size:12px;padding:11px 13px;min-height:39px }
.app-nav svg { width:16px;height:16px }
.app-nav.selected { background:#ff7d4f15;color:var(--app-accent) }
.app-nav:hover { background:#ffffff08 }
.app-nav.selected:hover { background:#ff7d4f20 }
.app-sidebar-note { display:flex;align-items:flex-start;gap:10px;margin-top:37px;padding:19px 12px;border-top:1px solid #ffffff0b;color:#838790 }
.app-sidebar-note svg { width:14px;height:14px;margin-top:3px }
.app-sidebar-note p { font-size:10px;line-height:1.7 }
.app-sidebar-footer { font-size:8px;color:#777b83;margin-top:auto;padding:0 10px }
.app-main { min-height:0;display:flex;flex-direction:column;min-width:0 }
.app-titlebar { height:47px;flex-shrink:0;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--app-line);font-size:11px;color:#b8bac0 }
.app-preview-label { font-size:8px;letter-spacing:.02em;background:#ffffff07;border:1px solid #ffffff0b;border-radius:5px;padding:4px 7px;color:#90949c }
.app-page { padding:23px 25px;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a4c51 transparent }
.app-home { padding-bottom:26px }
.app-section-title { display:flex;justify-content:space-between;align-items:center;margin:22px 0 13px }
.app-section-title h4 { font:normal 20px var(--serif);margin:0;letter-spacing:-.3px }
.app-section-title>button { background:transparent;color:var(--app-accent);font-size:10px;padding:7px }
.app-section-title>button>span { margin-left:7px }
.home-tools { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px }
.home-tool { padding:15px;background:var(--app-card);border:1px solid var(--app-line);border-radius:16px;min-width:0 }
.home-tool-top { display:flex;align-items:center;gap:10px }
.tool-icon { flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#ffffff06;display:grid;place-items:center;color:#dfe1e5 }
.tool-icon svg { width:19px;height:19px }
.home-tool h5 { font-size:12px;font-weight:600;margin:0;line-height:1.4;flex:1 }
.app-switch { width:30px;height:18px;background:#5f6269;flex-shrink:0;border-radius:20px;padding:2px;transition:background .15s;position:relative }
.app-switch>span { display:block;width:14px;height:14px;position:absolute;top:2px;left:2px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;transition:transform .15s }
.app-switch[aria-checked=true] { background:var(--app-accent) }
.app-switch[aria-checked=true]>span { transform:translateX(12px) }
.app-switch:before { content:'';position:absolute;inset:-7px -4px }
.home-tool>p { font-size:11px;line-height:1.5;min-height:34px;color:var(--app-secondary);margin-top:10px }
.home-tool-actions { display:flex;justify-content:space-between;align-items:center;margin-top:10px;min-height:25px }
.home-tool-actions>button { color:var(--app-accent);background:transparent;font-size:11px;padding:3px 0 }
.home-tool-actions>button>span { margin-left:6px }
.home-tool-actions>span { font-size:10px;color:var(--app-secondary) }
.home-tool-actions .tool-settings { width:26px;height:26px;color:#9da1a9;display:grid;place-items:center;border-radius:5px }
.tool-settings svg { width:15px;height:15px }
.home-tool-actions .tool-settings:hover { background:#ffffff09;color:#eee }
.app-setups { padding:16px 19px;background:var(--app-card);border:1px solid var(--app-line);border-radius:15px;margin-top:17px }
.app-setups summary { cursor:pointer;position:relative;list-style:none;padding-right:23px }
.app-setups summary::-webkit-details-marker { display:none }
.app-setups summary:after { content:'›';position:absolute;right:0;top:5px;font-size:19px;color:#b3b7bf;transform:rotate(90deg) }
.app-setups[open] summary:after { transform:rotate(-90deg) }
.app-setups strong { font-size:12px;font-weight:500;display:block }
.app-setups summary>span { font-size:10px;color:var(--app-secondary);display:block;margin-top:5px;line-height:1.5 }
.app-setups>div { display:flex;gap:9px;margin-top:13px }
.app-setups button { background:#ffffff0a;border:1px solid #ffffff0d;padding:6px 11px;border-radius:6px;color:#e2e4e8;font-size:10px }
.app-setups button:hover { background:#ffffff13 }
.app-library { padding:0;overflow:hidden;display:flex;flex-direction:column }
.library-fixed { padding:25px 25px 0;background:var(--app-canvas);flex-shrink:0 }
.library-fixed h3 { font:normal 29px var(--serif);letter-spacing:-.5px;margin-bottom:9px }
.library-fixed>p { font-size:11px;line-height:1.6;color:var(--app-secondary);max-width:550px }
.library-search { margin-top:22px;background:#ffffff05;border:1px solid #ffffff11;border-radius:8px;display:flex;align-items:center;gap:9px;padding:9px 12px }
.library-search>span svg { width:15px;height:15px;color:#90949c }
.library-search input { border:0;background:transparent;color:var(--app-text);width:100%;padding:0;font-size:11px;outline-offset:4px }
.library-search input::placeholder { color:#9498a1 }
.library-search kbd { font-size:11px;color:#797e89;font-family:var(--sans) }
.library-controls { display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px }
.library-collections { display:flex;padding:3px;gap:3px;background:#0c0d0f;border:1px solid #ffffff0d;border-radius:7px }
.library-collections button { padding:6px 10px;border-radius:5px;font-size:10px;background:transparent;color:#9fa3ab;white-space:nowrap }
.library-collections button[aria-pressed=true] { background:#323438;color:var(--app-text) }
.library-controls select { background:#24262a;color:#d6d9df;border:1px solid #ffffff13;border-radius:6px;font-size:10px;padding:7px 8px;max-width:163px;cursor:pointer;min-height:29px }
.library-controls select:disabled { opacity:.4;cursor:default }
.library-result-summary { font-size:9px;line-height:1.4;color:#9ba0aa;padding:15px 1px 12px }
.library-scroll { overflow-y:auto;min-height:0;padding:0 25px 25px;scrollbar-width:thin;scrollbar-color:#4a4c51 transparent;overscroll-behavior:contain }
.library-tool { display:flex;gap:12px;align-items:center;min-height:74px;padding:14px 15px;background:var(--app-card);border-left:1px solid var(--app-line);border-right:1px solid var(--app-line);position:relative }
.library-tool:first-child { border-top:1px solid var(--app-line);border-radius:15px 15px 0 0 }
.library-tool:last-child { border-bottom:1px solid var(--app-line);border-radius:0 0 15px 15px }
.library-tool:only-child { border-radius:15px }
.library-tool+.library-tool:before { content:'';height:1px;position:absolute;left:59px;right:15px;top:0;background:var(--app-line) }
.library-tool>div { flex:1;min-width:0 }
.library-tool h5 { margin:0 0 5px;font-size:12px;font-weight:500 }
.library-tool p { font-size:10px;line-height:1.5;color:var(--app-secondary) }
.library-detail { background:transparent;border-radius:5px;font-size:16px;color:#969ca5;padding:4px;flex-shrink:0 }
.library-detail:hover { color:var(--app-text) }
.library-empty { text-align:center;padding:40px 24px 55px }
.library-empty>img { margin:0 auto 17px }
.library-empty h4 { font:normal 22px var(--serif);margin:0 0 11px }
.library-empty p { font-size:11px;line-height:1.6;color:var(--app-secondary);max-width:300px;margin:auto }
.library-empty button { font-size:11px;color:var(--app-accent);padding:9px 14px;background:#ff7d4f10;border-radius:7px;margin-top:17px }
.tool-dialog { color:var(--app-text);background:var(--app-card);border:1px solid #ffffff24;border-radius:18px;padding:26px;max-width:450px;width:calc(100% - 40px);box-shadow:0 20px 100px #0008;overflow:auto;max-height:calc(100vh - 60px) }
.tool-dialog::backdrop { background:#12161987;backdrop-filter:blur(4px) }
.dialog-top { display:flex;justify-content:space-between;align-items:center;margin-bottom:22px }
.dialog-top>span { font-size:8px;letter-spacing:.12em;color:#959ba5 }
.dialog-top>button { background:#ffffff07;color:#cbd0d8;font-size:21px;width:30px;height:30px;border-radius:6px }
.tool-dialog #dialog-icon { color:#c7cbd3;margin-bottom:15px }
.tool-dialog #dialog-icon svg { width:33px;height:33px }
.tool-dialog h3 { font:normal 29px var(--serif);margin-bottom:16px }
.tool-dialog #dialog-body>p { font-size:13px;line-height:1.75;color:#c1c6ce }
.dialog-state { display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:23px;padding:12px 0;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;color:var(--app-accent);gap:20px }
.dialog-state>span { font-size:9px;color:#969ea9 }
.dialog-disclaimer { font-size:10px;line-height:1.7;color:#949ca9;margin-top:24px }
.tool-dialog ul { padding-left:19px;font-size:12px;color:#c7cbd3;line-height:1.9 }
.dialog-primary { margin-top:8px;padding:10px 15px;border-radius:7px;background:var(--app-accent);color:#27190f;font-size:12px;font-weight:600 }
.app-window button:focus-visible,.app-window input:focus-visible,.app-window select:focus-visible,.tool-dialog button:focus-visible { outline-color:var(--app-accent) }
@media(max-width:1000px) {
.app-sidebar { padding-inline:10px }
.app-identity>div { font-size:20px }
.app-identity small { font-size:7px }
.app-page { padding-inline:20px }
.library-fixed { padding-inline:20px }
.library-scroll { padding-inline:20px }
.home-tool { padding:13px }
.home-tool-top { gap:8px }
.home-tool h5 { font-size:11px }
.app-window { grid-template-columns:166px minmax(0,1fr) }
.library-collections button { padding:6px 8px;font-size:9px }
.library-controls select { max-width:130px;font-size:9px }
}
@media(max-width:760px) {
.app-window { grid-template-columns:139px minmax(0,1fr);height:787px }
.app-identity>div { font-size:20px }
.app-identity>img { display:none }
.app-identity { padding:4px 8px 0 }
.app-identity small { font-size:7px }
.app-nav { font-size:11px;padding:10px;gap:9px }
.app-page { padding:18px }
.app-library { padding:0 }
.home-tools { gap:10px }
.home-tool { padding:13px }
.home-tool h5 { font-size:10px }
.home-tool-top { flex-wrap:wrap;column-gap:7px;row-gap:8px }
.home-tool-top>.tool-icon { width:28px;height:28px }
.home-tool-top>.app-switch { margin-left:auto }
.home-tool>p { font-size:10px;min-height:43px }
.app-section-title h4 { font-size:18px }
.library-fixed { padding:20px 18px 0 }
.library-scroll { padding:0 18px 20px }
.library-fixed>p { font-size:10px }
.library-controls { align-items:flex-start;flex-direction:column;gap:8px }
.library-controls select { max-width:none }
.library-tool { gap:8px;padding:13px 11px }
.library-tool .tool-icon { width:28px;height:28px }
.library-tool h5 { font-size:11px }
.library-tool p { font-size:9px }
.library-detail { font-size:14px;padding:2px }
.library-tool .app-switch { width:28px;height:17px }
.library-tool .app-switch>span { width:13px;height:13px }
.library-tool .app-switch[aria-checked=true]>span { transform:translateX(11px) }
.app-sidebar-footer { font-size:7px;padding-inline:5px }
}
@media(max-width:520px) {
.app-window { display:flex;flex-direction:column;height:743px;border-radius:12px }
.app-sidebar { padding:12px 13px;border-bottom:1px solid var(--app-line);border-right:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:13px;flex-shrink:0 }
.app-traffic,.app-sidebar-note,.app-sidebar-footer,.app-identity small { display:none }
.app-identity { padding:0;margin:0 }
.app-identity>div { font-size:19px }
.app-sidebar nav { flex-direction:row;gap:3px }
.app-nav { font-size:10px;padding:7px 9px;gap:6px;min-height:31px;border-radius:6px }
.app-nav svg { width:13px;height:13px }
.app-main { flex:1 }
.app-titlebar { height:37px;padding-inline:16px;font-size:9px }
.app-preview-label { font-size:7px;padding:3px 5px }
.app-page { padding:15px }
.app-home { padding-bottom:19px }
.app-section-title { margin-top:18px;margin-bottom:12px }
.app-section-title h4 { font-size:18px }
.app-section-title>button { font-size:9px }
.home-tools { grid-template-columns:1fr;gap:11px }
.home-tool { padding:14px }
.home-tool-top { flex-wrap:nowrap;gap:9px }
.home-tool h5 { font-size:12px }
.home-tool-top>.tool-icon { width:32px;height:32px }
.home-tool>p { font-size:11px;min-height:0;line-height:1.6;margin-top:9px }
.home-tool-actions { margin-top:10px }
.home-tool-actions>button { font-size:11px }
.app-switch { width:32px;height:19px }
.app-switch>span { width:15px;height:15px }
.app-switch[aria-checked=true]>span { transform:translateX(13px) }
.app-library { padding:0 }
.library-fixed { padding:18px 15px 0 }
.library-fixed h3 { font-size:27px }
.library-fixed>p { font-size:10px }
.library-search { margin-top:17px;padding:10px;font-size:11px }
.library-controls { gap:9px;margin-top:12px }
.library-collections { width:100% }
.library-collections button { flex:1;padding:7px 9px;font-size:10px }
.library-controls>label { width:100% }
.library-controls select { width:100%;font-size:10px }
.library-result-summary { padding:12px 1px 11px;font-size:8px }
.library-scroll { padding:0 15px 19px }
.library-tool { padding:13px 11px;min-height:80px;gap:9px }
.library-tool>.tool-icon { width:29px;height:29px }
.library-tool>.tool-icon svg { width:17px;height:17px }
.library-tool h5 { font-size:11px }
.library-tool p { font-size:9px;line-height:1.5 }
.library-detail { display:none }
.tool-dialog { padding:21px }
.tool-dialog h3 { font-size:27px }
.tool-dialog #dialog-body>p { font-size:12px }
.tool-dialog .dialog-state { font-size:10px }
.tool-dialog .dialog-state>span { font-size:8px }
}
.library-config { color:#9399a3;border:0;background:none;font-size:20px;padding:3px;line-height:1;border-radius:4px }
.library-config:hover { color:var(--app-text) }
@media(max-width:520px) {
.library-config { display:none }
}
.library-collections button:disabled { opacity:.45;cursor:default }
@media(max-width:1000px) {
.app-library { padding:0 }
}
/* Current native Home: two featured tools, then four compact quick actions. */
.home-intro {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 19px}
.home-intro>div {min-width:0}
.home-intro>div>p {font-size:8px;letter-spacing:1.8px;color:var(--app-secondary);font-weight:600;margin-bottom:8px}
.home-intro h3 {font:normal 28px/1.15 var(--serif);letter-spacing:-.5px;margin-bottom:7px}
.home-intro>div>span {font-size:12px;line-height:1.6;color:var(--app-secondary)}
.home-intro>img {width:72px;height:72px;flex-shrink:0}
.home-featured {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.featured-tool {padding:16px;border-radius:16px}
.featured-description {display:flex;align-items:center;gap:12px;margin-top:12px;min-height:46px}
.featured-description>p {font-size:11px;line-height:1.5;color:var(--app-secondary);margin:0;flex:1}
.featured-illustration {width:96px;height:44px;display:grid;place-items:center;flex-shrink:0}
.featured-notch {width:96px;height:36px;border-radius:11px;background:#0b0c0e;position:relative;display:flex;justify-content:center;align-items:center;gap:12px;color:#ff7d4f}
.featured-notch:before {content:'';position:absolute;width:26px;height:2px;border-radius:2px;top:5px;left:35px;background:#ffffff26}
.featured-notch svg {width:15px;height:15px}
.featured-notch>i {height:14px;width:1px;background:#ffffff20}
.featured-shelf {display:flex;align-items:center;padding-left:6px}
.featured-shelf>span {display:grid;place-items:center;width:32px;height:36px;margin-left:-5px;background:var(--app-canvas);border:1px solid var(--app-line);border-radius:6px;color:var(--app-secondary);transform:rotate(-8deg) translateY(2px)}
.featured-shelf>span:nth-child(2) {transform:translateY(-2px);color:var(--app-accent);z-index:1}
.featured-shelf>span:nth-child(3) {transform:rotate(8deg) translateY(2px)}
.featured-shelf svg {width:16px;height:16px}
.home-tool:not(.featured-tool) {padding:14px;border-radius:13px}
.home-tool:not(.featured-tool)>p {font-size:11px;min-height:28px;margin-top:7px;line-height:1.5}
.home-tool .home-tool-actions {margin-top:7px}
.home-tool-actions>.enable-tool {color:var(--app-secondary)}
.home-tool-actions>.enable-tool:hover {color:var(--app-accent)}
@media(max-width:1000px) {
  .featured-description{gap:9px}.featured-description>p{font-size:10px}.featured-illustration{width:78px}.featured-notch{width:78px}.featured-notch:before{left:26px}.featured-shelf>span{width:28px}.home-intro h3{font-size:26px}
}
@media(max-width:760px) {
  .featured-description{flex-direction:column;align-items:flex-start;gap:7px}.featured-description>p{min-height:30px}.featured-illustration{width:96px}.featured-notch{width:96px}.featured-notch:before{left:35px}.home-intro h3{font-size:24px}.home-intro>div>span{font-size:10px}.home-intro>img{width:61px;height:61px}
}
@media(max-width:520px) {
  .home-featured{grid-template-columns:1fr;gap:11px}.featured-description{flex-direction:row;align-items:center;gap:12px}.featured-description>p{font-size:11px;min-height:0}.home-intro h3{font-size:23px}.home-intro>div>span{font-size:10px}.home-intro>img{width:53px;height:53px}.home-intro>div>p{font-size:7px;letter-spacing:1.4px}.home-intro{padding-bottom:18px;gap:9px}.home-tool:not(.featured-tool)>p{min-height:0}
}

/* Dashboard: one destination for tools, personalization and permissions. */
.app-window {height:810px;grid-template-columns:205px minmax(0,1fr);border-radius:20px;box-shadow:0 32px 70px -35px #1c302b88;--app-accent:#a8d1b5}
.app-sidebar {padding:24px 15px;background:#151b18}
.app-identity {gap:6px;margin-bottom:27px}
.app-identity>div {font:600 23px var(--sans);letter-spacing:-.7px}
.app-identity small {font:500 7px var(--sans);letter-spacing:1px;margin-top:5px}
.app-nav {min-height:42px;font-size:12px}
.app-nav-label {font-size:8px;letter-spacing:1.3px;color:#84938a;margin:24px 13px 7px}
.app-nav.selected,.app-nav.selected:hover {background:#8bd5b019;color:var(--app-accent)}
.app-sidebar-note {margin-top:28px}
.app-sidebar-footer {font-size:9px}
.app-titlebar {height:54px;font-size:11px;padding-inline:30px}
.app-page {padding:28px 30px}
.app-library {padding:0}
.home-intro {padding-bottom:23px}
.home-intro h3 {font:500 31px/1.15 var(--sans);letter-spacing:-1px}
.home-intro>div>p {color:var(--app-accent)}
.home-intro>img {width:66px;height:66px}
.dashboard-status {display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;background:#a8d1b509;border:1px solid #a8d1b51b;border-radius:11px;padding:14px 15px;margin-bottom:23px;color:var(--app-secondary)}
.dashboard-status>div:first-child {display:flex;align-items:center;gap:8px}
.dashboard-status strong {font-size:10px;font-weight:500;color:var(--app-text)}
.dashboard-status small {font-size:8px;color:var(--app-secondary);margin-left:5px}
.dashboard-status b {color:var(--app-accent);font-weight:500}
.dashboard-status>div:last-child>span {margin-inline:7px}
.status-dot {width:6px;height:6px;border-radius:50%;background:var(--app-accent);box-shadow:0 0 0 4px #a8d1b50a;flex-shrink:0}
.home-tool {background:#222825;border-color:#ffffff0b;border-radius:13px}
.home-tool .tool-icon {color:var(--app-accent);background:#a8d1b50a}
.home-tool h5 {font-size:12px}
.featured-description {min-height:58px;margin-top:16px}
.featured-description>p {font-size:11px;line-height:1.65}
.featured-notch {color:var(--app-accent)}
.app-section-title h4 {font:500 18px var(--sans);letter-spacing:-.4px}
.app-setups {background:#222825;border-radius:12px}
.library-fixed {padding:29px 30px 0}
.library-fixed h3 {font:500 29px var(--sans);letter-spacing:-1px}
.library-scroll {padding:0 30px 25px}
.library-tool {background:#222825}
.dashboard-eyebrow {font-size:8px;font-weight:600;letter-spacing:1.4px;color:var(--app-accent);margin-bottom:14px}
.dashboard-settings h3 {font:500 29px/1.2 var(--sans);letter-spacing:-1px;margin-bottom:13px}
.dashboard-description {font-size:12px;line-height:1.85;color:var(--app-secondary);max-width:550px;margin-bottom:29px}
.appearance-stage {height:180px;border-radius:13px;background:radial-gradient(ellipse at 70% 120%,#7d9e71,transparent 62%),linear-gradient(130deg,#476b5e,#1d332d);display:flex;flex-direction:column;align-items:center;gap:28px;margin-bottom:24px;overflow:hidden;color:#deebdc}
.appearance-island {display:flex;align-items:center;gap:24px;background:#101413;color:#e6eee8;border-radius:0 0 19px 19px;padding:20px 28px;width:77%;max-width:380px;box-shadow:0 9px 20px #0a1d2255}
.appearance-island>span {color:var(--app-accent);font-size:23px}
.appearance-island>div {flex:1}
.appearance-island b {font-size:12px;font-weight:500;display:block;margin-bottom:5px}
.appearance-island small {font-size:9px;color:#acb9ae}
.appearance-stage>span {font-size:11px}
.dashboard-control {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--app-line)}
.dashboard-control strong,.shortcut-row strong,.permission-row strong {font-size:12px;font-weight:500}
.dashboard-control p {font-size:10px;line-height:1.7;margin-top:6px;color:var(--app-secondary)}
.appearance-options {display:flex;gap:3px;background:#ffffff08;border:1px solid var(--app-line);padding:4px;border-radius:8px}
.appearance-options button {background:transparent;color:var(--app-secondary);font-size:10px;border-radius:5px;padding:7px 12px}
.appearance-options button[aria-pressed=true] {background:var(--app-accent);color:#14291d}
.accent-options {display:flex;gap:12px;padding:3px}
.accent-options button {width:21px;height:21px;border-radius:50%;border:3px solid var(--app-canvas);background:#a8d1b5}
.accent-options button[data-accent=orange] {background:#edb594}
.accent-options button[data-accent=blue] {background:#aacbea}
.accent-options button[aria-pressed=true] {box-shadow:0 0 0 1px var(--app-secondary)}
.shortcut-row,.permission-row {display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid var(--app-line)}
.shortcut-row>span>svg,.permission-row>span>svg {width:22px;height:22px;color:var(--app-accent)}
.shortcut-row>div,.permission-row>div {flex:1;min-width:0}
.shortcut-row small {display:block;font-size:10px;margin-top:6px;color:var(--app-secondary)}
.shortcut-row kbd {font:12px var(--sans);padding:7px 12px;border:1px solid var(--app-line);border-radius:6px;color:var(--app-secondary)}
.shortcut-row button {font-size:10px;background:transparent;color:var(--app-accent);padding:8px 0}
.permission-row p {font-size:10px;line-height:1.8;color:var(--app-secondary);max-width:390px;margin-top:5px}
.permission-row>span:last-child {font-size:8px;color:var(--app-secondary);border:1px solid var(--app-line);padding:5px 8px;border-radius:20px}
.dashboard-tip {display:flex;align-items:flex-start;gap:12px;margin-top:28px;padding:17px;border-radius:10px;background:#a8d1b50a;color:var(--app-secondary)}
.dashboard-tip svg {width:17px;height:17px;color:var(--app-accent);margin-top:2px}
.dashboard-tip p {font-size:10px;line-height:1.9}
.app-window[data-appearance=light] {--app-canvas:#f3f6f2;--app-sidebar:#e7eee7;--app-card:#fff;--app-text:#233229;--app-secondary:#647469;--app-line:#18362315;--app-accent:#2e614a;background:var(--app-canvas)}
.app-window[data-appearance=light] .app-sidebar {background:#e8eee7}
.app-window[data-appearance=light] :is(.home-tool,.app-setups,.library-tool) {background:#fff;border-color:var(--app-line)}
.app-window[data-appearance=light] .app-nav {color:#53695a}
.app-window[data-appearance=light] .app-nav.selected {color:#235238;background:#356c4312}
.app-window[data-appearance=light] :is(.app-titlebar,.app-preview-label,.library-search input) {color:var(--app-text)}
.app-window[data-appearance=light] .app-setups button {color:#345440;background:#356c430c}
.app-window[data-appearance=light] .library-collections {background:#e2eae1;border-color:#d4ded4}
.app-window[data-appearance=light] .library-collections button[aria-pressed=true] {background:white}
.app-window[data-appearance=light] .library-controls select {background:white;color:#344e3b;border-color:#d4ded4}
.app-window[data-compact=true] .home-tool {padding:10px}
.app-window[data-compact=true] .featured-description {min-height:40px;margin-top:8px}
.app-window[data-compact=true] .app-page {padding-top:19px}
.app-window[data-compact=true] .home-intro {padding-bottom:13px}
.tool-dialog h3 {font:500 29px var(--sans);letter-spacing:-.8px}
@media(max-width:1000px) {
 .app-window{grid-template-columns:177px minmax(0,1fr)}.app-page{padding:24px}.app-library{padding:0}.dashboard-status small{display:none}.dashboard-status{font-size:9px}.home-intro h3{font-size:27px}.dashboard-settings h3{font-size:26px}.home-tool h5{font-size:11px}
}
@media(max-width:760px) {
 .app-window{grid-template-columns:153px minmax(0,1fr);height:830px}.app-sidebar{padding:20px 10px}.app-identity>div{font-size:22px}.app-identity small{font-size:6px}.app-nav{font-size:10px;padding:10px;gap:8px}.app-nav-label{font-size:7px;margin-left:10px}.app-sidebar-footer{font-size:7px}.app-titlebar{padding-inline:20px}.app-page{padding:20px}.app-library{padding:0}.home-intro h3{font-size:25px}.home-intro>img{width:48px;height:48px}.dashboard-status{flex-wrap:wrap;gap:10px}.home-featured{grid-template-columns:1fr}.featured-description{flex-direction:row}.featured-description>p{min-height:0}.dashboard-control{gap:15px}.dashboard-control p{max-width:165px}.dashboard-settings h3{font-size:25px}.appearance-island{padding:19px;gap:15px;width:85%}.appearance-island small{font-size:8px}.appearance-island b{font-size:10px}.permission-row{gap:10px}.permission-row>span:last-child{font-size:7px;padding:4px 6px}
}
@media(max-width:520px) {
 .app-window{display:flex;flex-direction:column;height:820px;border-radius:15px}.app-sidebar{display:block;padding:15px 12px 10px}.app-identity{display:flex;align-items:center;margin-bottom:14px;padding-inline:5px}.app-identity>img{display:block;width:30px;height:30px}.app-identity>div{font-size:20px}.app-identity small{display:none}.app-sidebar nav{display:flex;flex-direction:row;gap:4px;overflow-x:auto;padding:3px 2px 5px;scrollbar-width:thin}.app-nav{flex-shrink:0;font-size:10px;padding:8px 10px;min-height:32px;gap:6px}.app-nav-label{display:none}.app-titlebar{padding-inline:17px;height:40px;font-size:9px}.app-page{padding:20px 16px}.app-library{padding:0}.home-intro h3{font-size:24px}.dashboard-status{font-size:9px;padding:12px}.dashboard-status strong{font-size:9px}.home-tool h5{font-size:12px}.home-featured{gap:12px}.home-intro>div>span{font-size:10px}.home-tools{grid-template-columns:1fr}.home-tool:not(.featured-tool)>p{font-size:11px}.library-fixed{padding:23px 16px 0}.library-scroll{padding-inline:16px}.dashboard-settings h3{font-size:25px}.dashboard-description{font-size:11px}.dashboard-control strong,.shortcut-row strong,.permission-row strong{font-size:11px}.dashboard-control p{font-size:9px;max-width:170px}.appearance-options button{font-size:9px;padding:7px 10px}.accent-options{gap:9px}.shortcut-row{gap:10px}.shortcut-row small{font-size:9px}.shortcut-row button{font-size:9px;max-width:70px}.permission-row{align-items:flex-start}.permission-row>span:last-child{margin-top:3px}.dashboard-tip{padding:13px}.dashboard-tip p{font-size:10px}
}

/* Keep the live walkthrough readable at normal browser zoom. */
.app-window {--app-secondary:#bcc6bf}
.app-identity small {font-size:9px;letter-spacing:.7px;color:var(--app-secondary)}
.app-nav {font-size:12px}
.app-nav-label {font-size:9px;color:#a3b2a7}
.app-sidebar-note p {font-size:11px;color:var(--app-secondary)}
.app-sidebar-footer {font-size:10px;color:#a3afa6}
.app-titlebar {font-size:12px;color:#c6cec9}
.app-preview-label {font-size:9px;color:#b1bcb4}
.home-intro>div>p,.dashboard-eyebrow {font-size:10px}
.home-intro>div>span {font-size:12px}
.home-tool h5,.library-tool h5 {font-size:13px}
.home-tool>p,.home-tool:not(.featured-tool)>p,.featured-description>p {font-size:12px;line-height:1.65}
.home-tool-actions>button {font-size:12px}
.library-fixed>p,.library-tool p,.dashboard-description {font-size:12px;line-height:1.75}
.library-result-summary {font-size:11px;color:var(--app-secondary)}
.library-search input {font-size:12px}
.library-collections button,.library-controls select {font-size:11px}
.app-setups strong {font-size:13px}
.app-setups summary>span {font-size:12px;line-height:1.7}
.app-setups button {font-size:11px}
.dashboard-status,.dashboard-status strong {font-size:11px}
.dashboard-status small {font-size:10px}
.dashboard-control strong,.shortcut-row strong,.permission-row strong {font-size:13px}
.dashboard-control p,.shortcut-row small,.permission-row p,.dashboard-tip p {font-size:12px;line-height:1.75}
.shortcut-row button {font-size:11px}
.permission-row>span:last-child {font-size:10px}
.appearance-options button {font-size:11px}
.appearance-island b {font-size:12px}
.appearance-island small {font-size:10px}
@media(max-width:760px) {
 .app-identity small{font-size:7px}.app-sidebar-footer{font-size:9px}.app-nav{font-size:11px}.dashboard-status{font-size:10px}.dashboard-status strong{font-size:10px}.dashboard-control p{font-size:11px}.permission-row>span:last-child{font-size:9px}
}
@media(max-width:520px) {
 .app-nav{font-size:11px}.app-titlebar{font-size:10px}.app-preview-label{font-size:8px}.dashboard-status{font-size:10px}.home-intro>div>span{font-size:11px}.home-intro>div>p{font-size:9px}.library-controls select{font-size:11px}.dashboard-control strong,.shortcut-row strong,.permission-row strong{font-size:12px}.dashboard-control p,.shortcut-row small,.permission-row p{font-size:11px}.shortcut-row button{font-size:10px}.appearance-options button{font-size:10px}
}
.app-window[data-appearance=light] :is(.app-sidebar-footer,.app-nav-label,.app-preview-label) {color:var(--app-secondary)}

/* Overview directory: settings destinations are part of the Dashboard. */
.dashboard-manage {margin:0 0 25px;padding-bottom:24px;border-bottom:1px solid var(--app-line)}
.dashboard-manage-heading {display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:13px}
.dashboard-manage-heading h4 {font:500 17px/1.4 var(--sans);letter-spacing:-.4px;color:var(--app-text);margin:0}
.dashboard-manage-heading p {font-size:11px;line-height:1.6;color:var(--app-secondary);margin:0}
.dashboard-manage-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dashboard-manage-grid>button {display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-card);text-align:left;color:var(--app-text);min-width:0;transition:border-color .15s,background .15s}
.dashboard-manage-grid>button:hover {border-color:var(--app-accent)}
.dashboard-manage-icon {display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#a8d1b510;color:var(--app-accent);flex:0 0 30px}
.dashboard-manage-icon svg {width:18px;height:18px}
.dashboard-manage-grid>button>span:nth-child(2) {min-width:0;flex:1}
.dashboard-manage-grid strong {display:block;font:500 12px/1.5 var(--sans)}
.dashboard-manage-grid small {display:block;font:400 11px/1.6 var(--sans);color:var(--app-secondary);margin-top:2px}
.dashboard-manage-arrow {font-size:16px;color:var(--app-secondary)}
.app-page h3[tabindex="-1"]:focus-visible {outline:2px solid var(--app-accent);outline-offset:5px;border-radius:3px}
@media(max-width:900px) {
 .dashboard-manage-heading{display:block}.dashboard-manage-heading p{margin-top:5px}.dashboard-manage-grid>button{gap:8px;padding:12px 10px}.dashboard-manage-grid small{font-size:10px}.dashboard-manage-icon{width:27px;height:27px;flex-basis:27px}.dashboard-manage-arrow{display:none}
}
@media(max-width:600px) {
 .dashboard-manage-grid{grid-template-columns:1fr}.dashboard-manage-grid>button{padding:12px;gap:12px}.dashboard-manage-grid small{font-size:11px}.dashboard-manage-arrow{display:block}.dashboard-manage-heading h4{font-size:17px}
}
@media(prefers-reduced-motion:reduce) {.dashboard-manage-grid>button{transition:none}}

/* 4.0 workspace sync: compact status console, favorites first, then launch and management. */
.app-window {
  --app-canvas:#141715;
  --app-sidebar:#0e110f;
  --app-card:#1e2320;
  --app-text:#f4f3ed;
  --app-secondary:#a6aea8;
  --app-line:#ffffff1d;
  --app-accent:#b2eabb;
  height:860px;
  border-color:#0a0d0b;
  background:var(--app-canvas);
  box-shadow:0 34px 80px -38px #10291d8f,0 0 0 1px #ffffff0a inset;
}
.app-sidebar {background:var(--app-sidebar)}
.app-nav {border-radius:10px;color:#aab4ad}
.app-nav.selected,.app-nav.selected:hover {background:#b2eabb14;color:#d1f3d6;box-shadow:inset 3px 0 #9addaa}
.app-titlebar {background:#111412;border-bottom-color:#ffffff13}
.app-page {scrollbar-color:#5a645d transparent}
.dashboard-console {overflow:hidden;margin-bottom:25px;border:1px solid #ffffff17;border-radius:20px;background:#080b09;color:#fff;box-shadow:0 16px 32px -26px #000}
.dashboard-console .home-intro {padding:17px 21px 15px;margin:0}
.dashboard-console .home-intro>div>p {display:flex;align-items:center;gap:9px;margin-bottom:9px;color:var(--app-accent)}
.dashboard-console .home-intro h3 {font-size:27px;color:#f7f8f4}
.dashboard-console .home-intro>div>span {display:block;max-width:430px;color:#a9b2ac;font-size:11px}
.dashboard-console .home-intro>img {width:58px;height:58px}
.dashboard-console .status-dot {display:inline-block;box-shadow:0 0 0 4px #b2eabb0c}
.dashboard-status {margin:0;padding:10px 21px;border:0;border-top:1px solid #ffffff18;border-radius:0;background:transparent;color:#a9b2ac}
.dashboard-status>div:first-child {display:flex;align-items:baseline;gap:9px}
.dashboard-status strong {color:#d7ddd8;font-size:10px}
.dashboard-status strong b {color:var(--app-accent);font-variant-numeric:tabular-nums}
.dashboard-status small {margin:0;font-size:9px;color:#778078}
.dashboard-status>button {padding:7px 12px;border-radius:999px;background:var(--app-accent);color:#101712;font:700 10px/1 var(--sans)}
.app-section-title {margin:0 0 12px}
.app-section-title>div>p,.dashboard-manage-heading>div>p {margin:0 0 4px;color:var(--app-accent);font-size:8px;font-weight:700;letter-spacing:1.4px}
.app-section-title h4 {font-size:16px;letter-spacing:-.25px}
.app-section-title>button {font-size:10px}
.home-tools {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;overflow:hidden;border-radius:16px;background:var(--app-line);margin-bottom:27px}
.home-tool.quick-tool {display:flex;align-items:center;gap:10px;min-height:66px;padding:11px 12px;border:0;border-radius:0;background:var(--app-card)}
.quick-tool>.tool-icon {width:34px;height:34px;border-radius:10px;background:#b2eabb12;color:var(--app-accent)}
.quick-tool-copy {min-width:0;flex:1}
.quick-tool-copy h5 {font-size:11px;line-height:1.3}
.quick-tool-copy>span {display:block;margin-top:4px;color:var(--app-secondary);font-size:9px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-tool .home-tool-actions {gap:4px;margin:0}
.quick-tool .home-tool-actions>button:first-child {display:grid;place-items:center;min-width:30px;height:28px;padding:0 8px;border-radius:999px;background:#ffffff0a;color:var(--app-text);font-size:0}
.quick-tool .home-tool-actions>button:first-child>span {font-size:12px}
.quick-tool .home-tool-actions>.enable-tool {color:var(--app-accent)}
.quick-tool .tool-settings {width:24px;height:28px}
.featured-section-title {margin-top:0}
.featured-section-title>span {font-size:9px;color:var(--app-secondary)}
.home-featured {gap:12px;margin-bottom:30px}
.home-tool.featured-tool {min-height:181px;padding:17px;border-radius:18px;background:#202622}
.home-tool.featured-tool-notch {background:#080b09;color:#f6f7f3;border-color:#ffffff18}
.home-tool.featured-tool-notch .tool-icon {color:var(--app-accent);background:#b2eabb10}
.home-tool.featured-tool-shelf {background:#b2eabb10;border-color:#b2eabb22}
.featured-tool .home-tool-top {gap:9px}
.featured-tool .featured-description {margin-top:13px;min-height:58px}
.featured-tool .featured-description>p {font-size:10px;line-height:1.6}
.featured-tool .home-tool-actions>button:first-child {padding:7px 12px;border-radius:999px;background:var(--app-accent);color:#102016;font-size:10px;font-weight:700}
.featured-tool .home-tool-actions>.enable-tool {background:#ffffff0b;color:var(--app-text)}
.featured-tool .tool-settings {border-radius:50%;background:#ffffff09}
.featured-notch {background:#111613;color:var(--app-accent);border:1px solid #ffffff0d;border-radius:13px}
.featured-shelf>span {border-radius:8px}
.dashboard-manage {margin:0 0 20px;padding:24px 0 0;border-top:1px solid var(--app-line);border-bottom:0}
.dashboard-manage-heading {align-items:flex-end;margin-bottom:14px}
.dashboard-manage-heading h4 {font-size:16px}
.dashboard-manage-heading>p {max-width:285px;text-align:right;font-size:10px}
.dashboard-manage-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.dashboard-manage-grid>button {position:relative;align-items:flex-start;flex-direction:column;gap:9px;min-height:104px;padding:12px;border-radius:13px;background:var(--app-card)}
.dashboard-manage-grid>button:hover {background:#252c28;border-color:#b2eabb55}
.dashboard-manage-icon {width:29px;height:29px;flex-basis:29px;border-radius:9px}
.dashboard-manage-grid strong {font-size:11px}
.dashboard-manage-grid small {font-size:9px;line-height:1.4}
.dashboard-manage-arrow {position:absolute;align-self:flex-end;font-size:13px}
.app-setups {margin-top:0;border-radius:16px;background:var(--app-card)}
.library-fixed {background:var(--app-canvas)}
.library-fixed h3 {font-size:27px}
.library-search {border-radius:11px;background:#ffffff08}
.library-collections {border-radius:10px;background:#0b0e0c}
.library-collections button {border-radius:7px}
.library-tool {min-height:70px;background:var(--app-card)}
.library-tool:first-child {border-radius:16px 16px 0 0}
.library-tool:last-child {border-radius:0 0 16px 16px}
.library-state {padding:4px 7px;border:1px solid var(--app-line);border-radius:999px;color:var(--app-secondary);font-size:9px;white-space:nowrap}
.library-detail {font-size:10px;color:var(--app-accent)}
.library-tool .app-switch {margin-left:2px}
.app-window[data-appearance=light] {--app-canvas:#f6f4ed;--app-sidebar:#ecefe8;--app-card:#fffdf7;--app-text:#181f1b;--app-secondary:#5e6962;--app-line:#1b2b221b;--app-accent:#2d6b49}
.app-window[data-appearance=light] .app-titlebar {background:#f0f1ea}
.app-window[data-appearance=light] .dashboard-console {--app-accent:#b2eabb;--app-secondary:#a6aea8;--app-text:#f4f3ed;background:#121815}
.app-window[data-appearance="light"] .dashboard-console .home-intro>div>p,
.app-window[data-appearance="light"] .dashboard-console .dashboard-status strong b {color:#b2eabb!important}
.app-window[data-appearance="light"] .dashboard-console .status-dot {background:#b2eabb!important}
.app-window[data-appearance="light"] .dashboard-console .home-intro>div>span,
.app-window[data-appearance="light"] .dashboard-console .dashboard-status strong,
.app-window[data-appearance="light"] .dashboard-console .dashboard-status small {color:#a6aea8!important}
.app-window[data-appearance=light] .dashboard-console .dashboard-status>button {background:#b2eabb;color:#101712}
.app-window[data-appearance=light] .quick-tool .home-tool-actions>button:first-child {background:#18221c;color:#f5f7f2}
.app-window[data-appearance=light] .home-tool.featured-tool-notch {--app-accent:#b2eabb;--app-secondary:#a6aea8;--app-text:#f4f3ed;background:#111713;color:#f5f7f2}
.app-window[data-appearance="light"] .home-tool.featured-tool.featured-tool-notch .tool-icon,
.app-window[data-appearance="light"] .home-tool.featured-tool.featured-tool-notch .featured-notch {color:#b2eabb!important}
.app-window[data-appearance="light"] .home-tool.featured-tool.featured-tool-notch .featured-description>p {color:#a6aea8!important}
.app-window[data-appearance="light"] .home-tool.featured-tool.featured-tool-notch .app-switch[aria-checked=true] {background:#b2eabb!important}
.app-window[data-appearance="light"] .home-tool.featured-tool.featured-tool-notch .tool-settings {color:#dce6df!important}
.app-window[data-appearance=light] .featured-tool-notch .home-tool-actions>button:first-child {background:#b2eabb;color:#102016}
.app-window[data-appearance=light] .appearance-island {--app-accent:#b2eabb}
.app-window[data-appearance=light] .home-tool.featured-tool-shelf {background:#e7f0e7}
.app-window[data-appearance=light] .dashboard-manage-grid>button:hover {background:#eef3ec}
.app-window[data-appearance=light] .library-collections {background:#e2e7df}
@media(max-width:1000px) {
  .dashboard-manage-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-manage-grid>button {min-height:78px;display:grid;grid-template-columns:29px 1fr;align-items:center}
  .dashboard-manage-arrow {display:none}
}
@media(max-width:760px) {
  .app-window {height:880px}
  .dashboard-console .home-intro>img {width:48px;height:48px}
  .dashboard-console .home-intro h3 {font-size:23px}
  .home-tools {grid-template-columns:1fr}
  .home-featured {grid-template-columns:1fr}
  .dashboard-manage-heading {display:block}
  .dashboard-manage-heading>p {max-width:none;text-align:left;margin-top:6px}
}
@media(max-width:520px) {
  .app-window {height:850px}
  .dashboard-console {border-radius:16px;margin-bottom:22px}
  .dashboard-console .home-intro {padding:15px}
  .dashboard-console .home-intro>img {display:block;width:42px;height:42px}
  .dashboard-console .home-intro h3 {font-size:21px}
  .dashboard-console .home-intro>div>span {font-size:10px}
  .dashboard-status {align-items:center;padding:10px 15px}
  .dashboard-status small {display:none}
  .dashboard-status>button {font-size:9px}
  .quick-tool-copy>span {max-width:132px}
  .home-tool.featured-tool {min-height:0}
  .dashboard-manage-grid {grid-template-columns:1fr 1fr}
  .dashboard-manage-grid>button {display:flex;align-items:flex-start;min-height:102px}
  .dashboard-manage-grid small {font-size:9px}
  .library-state {display:none}
  .library-detail {font-size:0;padding:5px}
  .library-detail:after {content:'›';font-size:16px}
}
@media(max-width:360px) {
  .dashboard-console .home-intro>img {display:none}
  .quick-tool .tool-settings {display:none}
  .dashboard-manage-grid {grid-template-columns:1fr}
  .dashboard-manage-grid>button {min-height:76px}
}
@media(prefers-reduced-motion:reduce) {
  .home-tool,.dashboard-manage-grid>button {transition:none}
}