/* Fetian portfolio tokens shared by the standalone studio and workspace. */
:root[data-fetian-theme]{--purple:#00b89f;--purple-dark:#009b87;--green:#00b89f;--radius:20px;--font-fetian:Inter,system-ui,sans-serif;font-family:var(--font-fetian);font-size:15px;--ink:#0f172a;--muted:#52637b;--line:#dce5ee;--surface:#ffffff;--card:#ffffff;--subtle:#f3f7fa;--input:#ffffff;--tint:#e7f7f3;--primary-text:#003d35;--focus:#00b89f66;background:var(--surface);color:var(--ink)}
:root[data-fetian-theme=dark]{--ink:#f8fafc;--muted:#a3b1c6;--line:#1b2a3e;--surface:#020817;--card:#070f1e;--subtle:#0b1526;--input:#0b1425;--tint:#052822;--primary-text:#34dcc0;--focus:#00b89f88}
html[lang=ar][data-fetian-theme]{--font-fetian:Cairo,Tahoma,sans-serif;font-family:var(--font-fetian)}
[data-fetian-theme] body{background:var(--surface);color:var(--ink);font-family:var(--font-fetian);line-height:1.7}
[data-fetian-theme] :is(h1,h2,h3,h4,.brand,.studio-brand,.studio-score,.readiness-ring){font-family:var(--font-fetian);color:var(--ink)}
[data-fetian-theme] :is(button,input,select,textarea){font-family:inherit}
[data-fetian-theme] :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--purple);outline-offset:4px}
[data-fetian-theme] :is(.panel,.stat-card,.content-field,.studio-source-card,.provider-panel,.auth-panel,.store-preview,.store-card,.listing-preview,.confirm-dialog){background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:none;border-radius:20px}
[data-fetian-theme] :is(.secondary,.language-switch,.icon-button,.fetian-theme-toggle){background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;min-height:42px;font-size:13px}
[data-fetian-theme] :is(.primary,.export-package){background:var(--purple);color:#03251f;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:700;min-height:46px;box-shadow:none}
[data-fetian-theme] :is(.primary,.export-package):hover{background:#18cbb1;color:#03251f;box-shadow:0 8px 24px #00b89f1c}
[data-fetian-theme] :is(.secondary,.language-switch,.icon-button,.fetian-theme-toggle):hover{background:var(--subtle);border-color:var(--purple)}
[data-fetian-theme] :is(.link-button,.text-action,.greeting-spark,.quick-label){color:var(--purple)}
[data-fetian-theme] :is(.eyebrow,.muted,#save-label,.studio-brand bdi>span,.studio-tools,.studio-notes,.copy-count,.quick-generate p,.source-card-body>small,.review-design-grid small,.creation-footer>span){color:var(--muted)}
[data-fetian-theme] :is(.form-panel label,.source-card-body label,.inline-select,.content-field>label,.studio-language-list legend){color:var(--ink);font-size:13px;font-weight:500}
[data-fetian-theme] :is(.form-panel input:not([type=checkbox]):not([type=range]):not([type=color]),.form-panel textarea,.form-panel select,.source-card-body input,.source-card-body select,.content-field textarea,.inline-select select){background:var(--input);color:var(--ink);border:1px solid var(--line);border-radius:11px;font-size:14px;min-height:48px;line-height:1.8;box-shadow:none}
[data-fetian-theme] :is(input,textarea)::placeholder{color:var(--muted);opacity:.8}
[data-fetian-theme] select option{background:var(--input);color:var(--ink)}
[data-fetian-theme] :is(input[type=checkbox],input[type=range]){accent-color:var(--purple)}
[data-fetian-theme] :is(.badge,.studio-mode,.studio-section-title>span,.document-placeholder,.empty-icon,.section-icon,.stat-icon,.activity-icon){background:var(--tint);color:var(--primary-text);border-color:var(--line)}
[data-fetian-theme] :is(.studio-notice,.privacy-note,.analytics-note,.tip,.guest-notice){background:var(--subtle);color:var(--muted);border-color:var(--line);font-size:12px;line-height:1.9}
[data-fetian-theme] :is(.approval-row,.quick-file-summary,.success-note){background:var(--tint);border-color:var(--line);color:var(--primary-text)}
[data-fetian-theme] :is(.suggestion,.studio-empty,.studio-ai-bar,.facts-reference,.package-details,.design-controls,.canvas-checker,.review-design-grid article,.theme-card,.preset-row>button,.current-release,.release-entry,.asset-item,.quick-style){background:var(--subtle);color:var(--ink);border-color:var(--line)}
[data-fetian-theme] :is(.suggestion.chosen,.theme-card.selected,.design-tabs button[aria-selected=true]){border-color:var(--purple);background:var(--tint);color:var(--primary-text);box-shadow:none}
[data-fetian-theme] :is(.theme-card b,.preset-row small,.studio-ai-bar p,.store-short,.store-about,.store-app-heading small,.review-sections p,.quick-more,.quick-file-summary,.studio-empty p){color:var(--muted)}
[data-fetian-theme] :is(.store-about summary,.review-design-grid b,.quick-upload b,.store-app-heading h2){color:var(--ink)}
[data-fetian-theme] .store-install{background:var(--tint);color:var(--primary-text)}
[data-fetian-theme] .quick-upload{background:var(--subtle);border:1px dashed #00b89f66;border-radius:16px;padding:26px}
[data-fetian-theme] .quick-upload p{color:var(--muted);font-size:13px}
[data-fetian-theme] .quick-style>summary{color:var(--ink);font-size:13px}
[data-fetian-theme] .creation-shell{max-width:1280px;padding:0 32px 36px}
[data-fetian-theme] .creation-header{padding:20px 0;border-color:var(--line);min-height:80px;gap:16px}
[data-fetian-theme] .creation-header>div{gap:10px}
[data-fetian-theme] .studio-brand{font-weight:900;font-size:21px;letter-spacing:-.4px}
[data-fetian-theme] .brand-mark{background:var(--tint);color:var(--purple);box-shadow:none;border:1px solid #00b89f44;border-radius:12px}
[data-fetian-theme] .creation-intro{padding:54px 0 36px;align-items:flex-end}
[data-fetian-theme] .creation-intro h1{font-size:clamp(30px,3.8vw,48px);font-weight:900;letter-spacing:-1.3px;line-height:1.35;max-width:900px;margin-top:12px}
html[lang=ar][data-fetian-theme] .creation-intro h1{font-size:clamp(29px,3.5vw,46px);letter-spacing:0;line-height:1.6}
[data-fetian-theme] .creation-intro>div>p:last-child{font-size:15px;margin-top:15px;max-width:760px}
[data-fetian-theme] .studio-mode{font-size:12px;line-height:1.8;padding:8px 14px;white-space:normal;flex-shrink:0}
[data-fetian-theme] .creation-steps{background:var(--card);border-color:var(--line);box-shadow:none;border-radius:16px;padding:7px;margin-bottom:22px}
[data-fetian-theme] .creation-steps button{font-size:13px;color:var(--muted);min-height:58px;gap:12px;border-radius:10px}
[data-fetian-theme] .creation-steps button>span{border-color:var(--line);width:27px;height:27px}
[data-fetian-theme] .creation-steps button:hover{background:var(--subtle);color:var(--ink)}
[data-fetian-theme] .creation-steps button[aria-current]{background:var(--tint);color:var(--primary-text)}
[data-fetian-theme] .creation-steps button[aria-current]>span{background:var(--purple);border-color:var(--purple);color:#03251f}
[data-fetian-theme] .creation-main .panel{padding:32px;margin-top:22px}
[data-fetian-theme] .quick-start{gap:26px}
[data-fetian-theme] .quick-start>h2,html[lang=ar][data-fetian-theme] .quick-start>h2{font-size:27px;letter-spacing:-.3px;line-height:1.6}
[data-fetian-theme] .quick-start>.muted{font-size:14px;line-height:2;margin-top:-10px}
[data-fetian-theme] .studio-form-grid{gap:24px}
[data-fetian-theme] .quick-label{font-size:12px;letter-spacing:0;font-weight:700}
[data-fetian-theme] .studio-tools{font-size:13px;margin-top:0}
[data-fetian-theme] .quick-generate .primary{min-height:50px;font-size:15px;padding:12px 30px}
[data-fetian-theme] .quick-more{font-size:13px;border-color:var(--line)}
[data-fetian-theme] .creation-footer{border-color:var(--line)}
[data-fetian-theme] .fetian-theme-toggle{width:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}
[data-fetian-theme=dark] .theme-moon,[data-fetian-theme=light] .theme-sun{display:none}
[data-fetian-theme] .app-header{background:var(--surface);border-color:var(--line)}
[data-fetian-theme] .sidebar{background:var(--card);border-color:var(--line)}
[data-fetian-theme] :is(.sidebar nav button,.workspace-switch,.sidebar .brand,.workspace-note){color:var(--muted)}
[data-fetian-theme] :is(.sidebar nav button.active,.workspace-switch){background:var(--tint);border-color:var(--line);color:var(--primary-text)}
[data-fetian-theme] :is(.next-step,.auth-shell){background:var(--surface);color:var(--ink)}
[data-fetian-theme] .source-card-body details,[data-fetian-theme] .studio-status{color:var(--muted)}
[data-fetian-theme] .studio-status.error,[data-fetian-theme] .form-error{color:#f87171}
@media(max-width:760px){[data-fetian-theme] .creation-shell{padding-inline:18px}[data-fetian-theme] .creation-intro{padding:32px 0 25px;align-items:flex-start}[data-fetian-theme] .creation-intro>div>p:last-child{font-size:14px}[data-fetian-theme] .creation-header{min-height:74px;padding:16px 0}[data-fetian-theme] .creation-main .panel{padding:24px 20px}[data-fetian-theme] .creation-steps button{font-size:12px;gap:8px}[data-fetian-theme] .quick-start>h2,html[lang=ar][data-fetian-theme] .quick-start>h2{font-size:23px}}
@media(max-width:480px){[data-fetian-theme] .creation-shell{padding-inline:14px}[data-fetian-theme] .creation-header>div{gap:6px}[data-fetian-theme] .creation-header .studio-brand{font-size:19px}[data-fetian-theme] .creation-header .brand-mark{display:none}[data-fetian-theme] .creation-header .secondary{padding-inline:12px}[data-fetian-theme] .creation-intro h1,html[lang=ar][data-fetian-theme] .creation-intro h1{font-size:29px;line-height:1.6}[data-fetian-theme] .creation-steps button{font-size:11px;padding:9px 5px}[data-fetian-theme] .quick-start>.muted{font-size:13px}[data-fetian-theme] .creation-main .panel{padding:24px 16px}[data-fetian-theme] .form-panel :is(input:not([type=checkbox]):not([type=range]):not([type=color]),textarea,select){font-size:16px}[data-fetian-theme] .quick-upload{padding:20px 16px}[data-fetian-theme] .quick-generate .primary{font-size:14px;padding:12px 18px}[data-fetian-theme] .quick-generate p{font-size:12px}}
@media(prefers-reduced-motion:reduce){[data-fetian-theme] *,[data-fetian-theme] *::before,[data-fetian-theme] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-fetian-theme=light] :is(.link-button,.text-action,.quick-label,.greeting-spark){color:#007c6c}
[data-fetian-theme] .next-step{background:var(--card);border-color:var(--line)}
[data-fetian-theme] .next-step:after{border-color:var(--tint)}
[data-fetian-theme] .next-copy p{color:var(--muted)}
[data-fetian-theme] .readiness-ring{background:conic-gradient(var(--purple) var(--progress),var(--line) 0);box-shadow:0 0 0 8px var(--subtle)}
[data-fetian-theme] .readiness-ring>div{background:var(--subtle)}
html[data-fetian-theme] .readiness-ring strong,html[data-fetian-theme] .stat-card strong{font-family:var(--font-fetian);color:var(--ink)}
[data-fetian-theme] .readiness-ring small{color:var(--muted)}
[data-fetian-theme] :is(.avatar,.header-avatar){background:var(--tint);color:var(--primary-text)}
[data-fetian-theme] nav button.active:before,[data-fetian-theme] .progress>span{background:var(--purple)}
[data-fetian-theme] .guest-notice b{color:var(--primary-text)}