:root { --desktop-ink:#202e36; --desktop-soft:#f6f7f9; --desktop-line:#e8ecef; }
.account-page { max-width:1160px;margin:0 auto;padding:32px 48px 50px;width:100%; }
.account-header { display:flex;align-items:center;justify-content:space-between; }.account-header .desktop-wordmark { margin:0; }
.account-title { margin:45px 0 28px; }.account-title h1 { font-size:30px;margin:14px 0 8px;font-weight:650; }.account-title p,.account-card>p { color:#697882;line-height:1.9;font-size:13px; }
.account-card { padding:26px;background:white;border:1px solid var(--desktop-line);border-radius:18px;margin:22px 0; }.account-card h2 { margin:0 0 12px;font-size:18px; }
.account-login { max-width:480px; }.account-form { display:grid;gap:18px; }.account-form label { display:grid;gap:8px;font-size:12px; }
.account-form input,.account-form select { width:100%;padding:12px;border:1px solid #dce3e7;border-radius:9px;background:#fff;font:inherit;min-width:0; }.account-form input[type=color] { padding:4px;height:45px; }
.account-form .account-check { display:flex;align-items:center;gap:9px; }.account-check input { width:17px;height:17px; }.account-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.account-form [role=status] { grid-column:1/-1;color:#8a4822;font-size:12px;line-height:1.8; }
.account-actions { display:flex;gap:10px;flex-wrap:wrap;margin:18px 0; }.account-notice { padding:14px 18px;background:var(--brand-primary-tint);border:1px solid var(--brand-primary-border);border-radius:11px;font-size:12px;line-height:1.8;color:#415962; }
.account-orgs article { display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--desktop-line); }.account-orgs article>div { flex:1; }.account-orgs small { display:block;color:#7d8b94;font-size:10px;margin-top:5px; }
.account-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px; }.account-stats article { background:white;border:1px solid var(--desktop-line);border-radius:16px;padding:22px; }.account-stats small { display:block;color:#71818b;font-size:11px; }.account-stats strong { display:block;font-size:27px;margin:12px 0 5px; }.account-stats strong span { color:#87959d;font-size:17px; }
.account-table-wrap { overflow-x:auto; }.account-table { width:100%;border-collapse:collapse;text-align:right;font-size:12px; }.account-table th { color:#7b8b94;font-size:11px;background:#f8f9fa; }.account-table td,.account-table th { padding:15px 12px;border-bottom:1px solid var(--desktop-line);vertical-align:top; }.account-table small { display:block;font-size:10px;color:#83919a;margin:5px 0; }.account-device { display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px; }
body.desktop-connected button[onclick="toggleSidebarLibrary('brand')"] { display:none; }
body.viewer-mode .desktop-file-actions,body.viewer-mode [data-action=new] { display:none; }
body.viewer-mode #slides-panel>button,body.viewer-mode .slide-thumb-actions { display:none; }
#desktop-license-state { font-size:10px;color:#657780; }
@media(max-width:850px) { .account-page { padding:24px; }.account-stats { gap:10px; }.account-form-grid { grid-template-columns:1fr; }.account-orgs article { flex-wrap:wrap; } }
body.desktop-mode { background:var(--desktop-soft); color:var(--desktop-ink); }
.desktop-mode #dashboard-view { height:100vh;overflow-y:auto; }
.desktop-mode button { transition:background .18s,box-shadow .18s,transform .18s; }
.desktop-mode button:focus-visible,.desktop-mode input:focus-visible { outline:3px solid var(--brand-primary-border);outline-offset:3px; }
.desktop-mode button:disabled { cursor:not-allowed; }
.desktop-layout { display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh;background:#f8f9fb; }
.desktop-nav { background:#fff;border-left:1px solid var(--desktop-line);padding:36px 22px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh; }
.desktop-wordmark { display:flex;gap:12px;align-items:center;margin:0 14px 36px; }
.desktop-symbol { width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--brand-primary);color:var(--desktop-on-accent,#fff); }
.desktop-wordmark b { font-size:28px;line-height:1.2; }.desktop-wordmark small { display:block;font:9px Arial;letter-spacing:4px;margin-top:8px; }
.desktop-org { display:flex;align-items:center;gap:10px;border:1px solid var(--desktop-line);border-radius:13px;padding:14px 10px;margin-bottom:32px; }
.desktop-org>span,.desktop-org>img { flex-shrink:0;width:36px;height:36px;object-fit:contain;border-radius:9px;display:grid;place-items:center;color:var(--brand-primary);background:var(--brand-primary-tint); }
.desktop-org strong { font-size:12px;display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.desktop-org small { font-size:10px;color:#879198;display:block;margin-top:5px; }
.desktop-nav nav { display:grid;gap:9px; }.desktop-nav nav button { border:0;background:none;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:10px;font-size:12px;color:#69747e;text-align:right; }
.desktop-nav nav svg { width:18px;height:18px; }.desktop-nav nav button:hover { background:#f6f8f9; }.desktop-nav nav button.active { color:var(--brand-primary);background:var(--brand-primary-soft);font-weight:700; }
.desktop-nav-bottom { margin-top:auto; }.desktop-local { border-top:1px solid var(--desktop-line);padding:22px 6px;display:flex;gap:10px;align-items:center;font-size:11px;color:#4e5d66; }.desktop-local svg { width:19px;color:var(--brand-primary); }.desktop-local small { display:block;font-size:9px;color:#89939a;margin-top:5px; }
.desktop-preview { display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 12px;background:#f7f8fa;border:1px solid var(--desktop-line);border-radius:9px;color:#7b858c;font-size:10px; }.desktop-preview span { font:10px Arial; }
.desktop-home { min-width:0;padding:0 48px 22px; }.desktop-top { display:flex;justify-content:space-between;align-items:center;height:90px;color:#7e8991;font-size:11px; }.desktop-top button { display:grid;place-items:center;border:1px solid var(--desktop-line);border-radius:10px;background:white;width:36px;height:36px; }.desktop-top svg { width:15px;height:15px; }
.desktop-hero { display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid color-mix(in srgb,var(--brand-primary) 12%,#e5e8eb);border-radius:23px;padding:38px 36px;background:linear-gradient(120deg,#fff 10%,var(--brand-primary-tint) 100%);overflow:hidden;min-height:350px; }
.desktop-eyebrow { font-size:11px;font-weight:500;color:var(--brand-primary);display:inline-flex;gap:7px;align-items:center; }.desktop-eyebrow:before { content:'';display:inline-block;width:5px;height:5px;background:var(--brand-primary);border-radius:50%; }
.desktop-hero h1 { font-size:40px;line-height:1.55;letter-spacing:-1px;font-weight:600;margin:14px 0 10px;color:#20323a; }.desktop-hero p { font-size:12px;color:#7c8990;line-height:1.9; }
.desktop-hero-actions { display:flex;gap:10px;margin-top:25px; }.desktop-primary,.desktop-secondary { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:10px;font-size:11px;font-weight:600;border:1px solid transparent; }.desktop-primary { background:var(--brand-primary);color:var(--desktop-on-accent,#fff);box-shadow:0 5px 15px var(--brand-primary-shadow); }.desktop-primary:hover { transform:translateY(-1px);box-shadow:0 8px 20px var(--brand-primary-shadow); }.desktop-secondary { background:white;border-color:var(--desktop-line);color:#4e5d66; }.desktop-hero-actions svg { width:16px;height:16px; }
.desktop-art { height:280px;position:relative;direction:ltr;max-width:430px;width:100%;margin:auto; }
.art-slide { position:absolute;width:300px;height:192px;border-radius:10px; }.art-slide.back { background:color-mix(in srgb,var(--brand-primary) 22%,#fff);transform:rotate(-11deg);left:14px;top:31px; }.art-slide.front { background:white;box-shadow:0 20px 55px #1a2f3c19;transform:rotate(5deg);left:36px;top:28px;padding:20px 23px;direction:rtl;border:1px solid #ffffff; }
.art-brand { direction:ltr;display:flex;justify-content:space-between;font:7px Arial;letter-spacing:2px;color:#8f9ca2; }.art-brand span { color:var(--brand-primary); }.art-headline { margin-top:20px;font-size:22px;line-height:1.6;color:#293d45; }.art-headline b { color:var(--brand-primary);font-weight:600; }.art-lines { margin-top:10px;width:80px;display:grid;gap:5px; }.art-lines i { height:3px;background:#e9eef0;border-radius:3px; }.art-lines i:last-child { width:65%; }
.art-bars { position:absolute;left:28px;bottom:32px;display:flex;gap:7px;align-items:flex-end;height:73px; }.art-bars i { width:22px;height:35%;background:var(--brand-primary);opacity:.18;border-radius:5px 5px 0 0; }.art-bars i:nth-child(2) { height:58%;opacity:.35; }.art-bars i:nth-child(3) { height:77%;opacity:.6; }.art-bars i:nth-child(4) { height:100%;opacity:1; }.art-number { position:absolute;bottom:14px;right:23px;font:7px Arial;color:#a3adb2; }.art-caption { position:absolute;bottom:4px;left:34px;display:flex;align-items:center;gap:7px;color:#72818a;font-size:9px;direction:rtl; }.art-caption svg { width:13px;color:var(--brand-primary); }
.desktop-projects { margin-top:36px; }.desktop-section-head { display:flex;justify-content:space-between;align-items:center;margin-bottom:20px; }.desktop-section-head h2 { font-size:17px;font-weight:600;margin:0; }.desktop-section-head p { color:#96a0a6;font-size:10px;margin-top:7px; }.desktop-search { display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--desktop-line);border-radius:10px;padding:10px 13px;width:210px; }.desktop-search svg { width:15px;color:#9aa4aa; }.desktop-search input { background:none;border:0;outline:0;font:inherit;font-size:10px;width:100%; }
.desktop-project-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }.desktop-project { background:white;border:1px solid var(--desktop-line);border-radius:15px;padding:9px;transition:box-shadow .2s,transform .2s; }.desktop-project:hover { box-shadow:0 10px 25px #263b4810;transform:translateY(-2px); }.desktop-project-preview { width:100%;padding:22px;background:var(--brand-primary-tint);border:0;border-radius:9px;aspect-ratio:1.8; }.mini-slide { background:white;text-align:right;padding:14px 18px;box-shadow:0 4px 14px #263b480c;aspect-ratio:16/9;overflow:hidden;border-radius:2px; }.mini-slide span { display:block;font-size:6px;color:#9ca5a9; }.mini-slide b { display:block;margin-top:10px;font-size:13px;font-weight:600;color:var(--brand-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.mini-rule { width:28px;height:3px;background:var(--brand-primary);margin-top:8px;border-radius:2px;opacity:.3; }.mini-slide small { display:block;font-size:6px;color:#a2acb2;margin-top:9px; }.desktop-project-detail { display:flex;justify-content:space-between;align-items:center;padding:14px 5px 6px;gap:8px; }.desktop-project-detail>div { min-width:0; }.desktop-project-detail h3 { font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.desktop-project-detail span { font-size:9px;color:#96a0a6;display:block;margin-top:5px; }.desktop-project-detail button { border:0;background:none;color:#88949c;padding:4px; }.desktop-project-detail svg { width:16px; }
.desktop-empty { grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;border:1px dashed #dce3e7;border-radius:15px;background:#ffffff80;text-align:center; }.desktop-empty>span { width:45px;height:45px;display:grid;place-items:center;background:var(--brand-primary-soft);color:var(--brand-primary);border-radius:13px;margin-bottom:12px; }.desktop-empty h3 { font-size:14px;margin:0 0 8px; }.desktop-empty p { color:#939fa5;font-size:11px; }.desktop-empty button { margin-top:17px;background:none;border:0;color:var(--brand-primary);font-size:11px; }
.desktop-footer { display:flex;justify-content:space-between;color:#a5aeb4;font-size:9px;padding:26px 0 4px; }.desktop-footer span:last-child { font:8px Arial;letter-spacing:1.5px; }
.desktop-dialog { width:460px;border:1px solid var(--desktop-line);border-radius:20px;padding:28px;box-shadow:0 25px 90px #172f4226;color:var(--desktop-ink); }.desktop-dialog::backdrop { background:#172d3f66;backdrop-filter:blur(5px); }.desktop-dialog-head { display:flex;justify-content:space-between;align-items:center; }.desktop-dialog-head small { font-size:10px;color:var(--brand-primary); }.desktop-dialog h2 { font-size:22px;margin:7px 0; }.desktop-dialog-head button { border:0;background:none;color:#97a1a8; }.desktop-dialog-head svg { width:19px; }.desktop-dialog p { font-size:11px;color:#88949c;line-height:1.9;margin:12px 0 22px; }.desktop-dialog label { display:grid;gap:8px;font-size:11px;margin:16px 0; }.desktop-dialog input:not([type=color]) { border:1px solid var(--desktop-line);border-radius:9px;padding:10px;font:inherit; }.desktop-color-row { display:grid;grid-template-columns:1fr 1fr;gap:15px; }.desktop-color-row input { height:40px;width:100%;background:none;border:1px solid var(--desktop-line);padding:4px;border-radius:9px; }.desktop-dialog-footer { display:flex;gap:10px;margin-top:25px; }
#desktop-toast { position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#21323a;color:#fff;padding:13px 22px;border-radius:12px;font-size:12px;max-width:680px;z-index:200000;box-shadow:0 8px 30px #0002;transition:.2s; }#desktop-toast.visible { opacity:1;transform:translate(-50%,0); }#desktop-toast.error { background:#9c3030; }
.desktop-mode #editor-view>header { height:78px;padding:0 20px;box-shadow:0 3px 16px #293a4304; }.desktop-mode #brand-title { font-size:18px; }.desktop-mode #editor-view>header>.flex:first-child { gap:16px; }.desktop-mode #editor-view>header>.flex:last-child { gap:8px; }.desktop-mode #editor-view>header>.flex:last-child>button { padding:10px 14px;font-size:11px;box-shadow:none; }.desktop-mode .app-version-badge { font-size:8px; }.desktop-file-actions { display:flex;gap:3px;align-items:center; }.desktop-file-actions button { display:flex;gap:6px;align-items:center;padding:9px;border:1px solid var(--desktop-line);border-radius:9px;background:#fff;font-size:11px;color:#52616a; }.desktop-file-actions svg { width:16px;height:16px; }.desktop-mode .canvas-stage { background-color:#eef1f4;background-image:radial-gradient(#cbd4db 0.7px,transparent .7px);background-size:18px 18px; }.desktop-mode #canvas { box-shadow:0 10px 45px #26384815; }.desktop-mode .project-back-btn { font-size:11px; }.desktop-mode #editor-cloud-status { display:none; }.desktop-mode .sidebar-icon-btn:hover { background:var(--brand-primary-tint);color:var(--brand-primary); }.desktop-mode .project-name-input { font-size:13px; }
@media(max-width:1250px) { .desktop-home { padding:0 30px 20px; }.desktop-layout { grid-template-columns:220px minmax(0,1fr); }.desktop-nav { padding:30px 16px 20px; }.desktop-hero { padding:26px; }.desktop-hero h1 { font-size:34px; }.desktop-art { transform:scale(.85);transform-origin:center; }.desktop-hero-actions { flex-wrap:wrap; }.desktop-project-grid { gap:13px; }.desktop-project-preview { padding:15px; } }
@media(prefers-reduced-motion:reduce) { .desktop-mode * { transition:none!important; } }