:root {
  --bg: #09090a;
  --panel: #111113;
  --panel-2: #17171a;
  --panel-3: #0d0d0f;
  --line: #28282d;
  --line-2: #35353c;
  --text: #f4f4f5;
  --muted: #9c9ca5;
  --muted-2: #6f6f78;
  --accent: #f7d046;
  --accent-2: #ffe68a;
  --danger: #f07676;
  --success: #a6d89b;
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at 50% 0%, #1b1b1e 0, var(--bg) 38%);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
button, textarea, input, select { font: inherit; }
button { cursor: pointer; }
button:disabled { opacity: .58; cursor: wait; transform: none !important; }
input, textarea, select { -webkit-appearance: none; appearance: none; }
.wrap { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.hidden { display: none !important; }
.grow { flex: 1; }

.topbar {
  height: 74px;
  padding: 0 max(16px, calc((100vw - 1120px)/2));
  display: flex;
  align-items: center;
  gap: 22px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(16px);
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(9,9,10,.82);
}
.brand { color: var(--text); font-weight: 900; letter-spacing: .08em; display:flex; align-items:center; gap:10px; }
.brand-button { background: transparent; border: 0; padding: 0; }
.brand-mark { width: 34px; height: 34px; border-radius: 11px; display:grid; place-items:center; color:#111; background:var(--accent); letter-spacing:0; }
.desktop-nav { display:flex; gap: 3px; margin-left: 12px; }
.nav-link { border:0; background:transparent; color:#8d8d96; padding:9px 10px; border-radius:10px; font-size:13px; font-weight:750; }
.nav-link:hover, .nav-link.active { color:var(--text); background:#18181b; }
#newTaskBtn { margin-left:auto; }

.hero { padding: 68px 0 60px; }
.hero-meta { display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap; }
.eyebrow { color: var(--accent); font-weight: 850; letter-spacing: .14em; font-size: 12px; }
.ai-status { font-size:12px; color:#8d8d93; border:1px solid #29292e; border-radius:999px; padding:7px 10px; background:#121214; }
.ai-status.online { color:#f5d563; border-color:#665623; background:#18160e; }
h1 { font-size: clamp(42px, 7vw, 78px); line-height: .98; letter-spacing: -.055em; margin: 18px 0 24px; max-width: 950px; }
h1 span { color: var(--muted); }
h2 { font-size: clamp(32px, 4vw, 52px); letter-spacing:-.04em; margin: 10px 0; }
h3 { font-size: 25px; letter-spacing:-.025em; margin: 7px 0 0; }
.lead { font-size: 18px; line-height: 1.65; color: var(--muted); max-width: 850px; }
.muted { color:var(--muted); line-height:1.6; }

.context-bar {
  margin-top: 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border:1px solid #2a2a2f;
  background:rgba(15,15,17,.7);
  border-radius:15px;
}
.context-bar > div { display:flex; flex-direction:column; gap:3px; min-width:0; }
.context-bar strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.context-label { font-size:11px; color:var(--muted-2); text-transform:uppercase; letter-spacing:.08em; font-weight:750; }
.text-btn { border:0; background:transparent; color:var(--accent); font-weight:800; white-space:nowrap; }

.task-card { margin-top: 16px; background:rgba(17,17,19,.94); border:1px solid var(--line); border-radius:var(--radius); padding:18px; box-shadow:0 24px 70px rgba(0,0,0,.28); }
.task-card > textarea { width:100%; border:0; outline:0; resize:vertical; min-height:125px; padding:18px; background:transparent; color:var(--text); font-size:18px; line-height:1.5; }
textarea::placeholder, input::placeholder { color:#696970; }
.task-actions, .bottom-actions, .section-head, .result-actions, .page-title-row, .editor-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.examples { color:#6f6f78; font-size:13px; padding-left:18px; }
.selected-template { margin:0 8px 12px; padding:12px 13px; border:1px solid #4a421d; background:#17150c; border-radius:12px; font-size:13px; color:#dacf91; }
.selected-template strong { color:var(--accent); }

.primary-btn, .secondary-btn, .ghost-btn, .danger-btn, .icon-btn {
  border-radius:14px;
  border:1px solid transparent;
  padding:13px 18px;
  font-weight:800;
  transition:.18s ease;
}
.primary-btn { background:var(--accent); color:#171300; }
.primary-btn:hover { transform:translateY(-1px); background:var(--accent-2); }
.secondary-btn, .ghost-btn { color:var(--text); background:#19191c; border-color:#303036; }
.secondary-btn:hover, .ghost-btn:hover { background:#202024; }
.danger-btn { color:#ffd0d0; background:#241414; border-color:#4b2727; }
.icon-btn { width:42px; height:42px; padding:0; background:#19191c; border-color:#303036; color:var(--text); }
.compact { padding:10px 13px; font-size:13px; }

.quick-grid { margin-top:22px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.quick { text-align:left; padding:18px; min-height:86px; color:var(--text); background:#101012; border:1px solid #232328; border-radius:16px; font-weight:750; display:flex; justify-content:space-between; align-items:flex-end; }
.quick:hover { border-color:#4b462b; background:#15140f; }

#questionnaire, #result { padding:70px 0 90px; }
.pill { color:#171300; background:var(--accent); border-radius:999px; padding:9px 13px; font-size:13px; font-weight:900; max-width:360px; text-align:center; }
.notice { margin:22px 0 0; padding:13px 15px; background:#121911; border:1px solid #2b4328; color:#b6dcb0; border-radius:14px; line-height:1.5; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:30px 0; }
.compact-grid { margin:24px 0; }
.field { background:#111113; border:1px solid var(--line); border-radius:16px; padding:16px; }
.field.wide { grid-column:1/-1; }
.field label { display:block; margin-bottom:8px; font-weight:800; }
.field small { display:block; color:#777780; margin-bottom:10px; line-height:1.4; }
.field input, .field textarea, .field select, .search-input, .select-input {
  width:100%; border:1px solid #303036; outline:0; background:#0d0d0f; color:var(--text); border-radius:11px; padding:12px 13px; min-height:auto; font-size:15px;
}
.field textarea { min-height:100px; resize:vertical; }
.field-error { outline:1px solid #8f7630; }
.quality { margin:24px 0 14px; padding:14px 16px; border:1px solid #34301b; background:#17150c; color:#dfcf83; border-radius:14px; }
.prompt-output { white-space:pre-wrap; word-break:break-word; background:#101012; border:1px solid var(--line); border-radius:20px; padding:24px; line-height:1.65; font-size:15px; max-height:70vh; overflow:auto; }
.saved-info { margin-top:14px; color:var(--success); }

.page-section { padding:60px 0 90px; min-height:70vh; }
.page-title-row { align-items:flex-end; margin-bottom:26px; }
.page-title-row h2 { margin-bottom:4px; }
.page-title-row p { max-width:760px; margin:8px 0 0; }
.toolbar { display:grid; grid-template-columns:1fr 220px; gap:12px; margin-bottom:20px; }
.search-input, .select-input { background:#111113; border-color:#2a2a30; padding:14px 15px; }
.select-input { background-image: linear-gradient(45deg, transparent 50%, #8d8d96 50%), linear-gradient(135deg, #8d8d96 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; padding-right:36px; }
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.item-card { position:relative; background:#101012; border:1px solid #25252a; border-radius:18px; padding:18px; min-height:210px; display:flex; flex-direction:column; }
.item-card:hover { border-color:#393941; }
.card-category { color:var(--accent); font-size:11px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.item-card h3 { font-size:20px; margin:10px 0 8px; }
.item-card p { color:var(--muted); font-size:14px; line-height:1.5; margin:0 0 18px; flex:1; }
.card-actions { display:flex; gap:8px; align-items:center; }
.card-actions .primary-btn, .card-actions .secondary-btn { padding:10px 12px; font-size:13px; }
.card-actions .primary-btn { flex:1; }
.favorite-btn { width:40px; height:40px; border-radius:12px; border:1px solid #303036; background:#17171a; color:#8a8a92; font-size:18px; }
.favorite-btn.on { color:var(--accent); border-color:#65581f; background:#1b180d; }
.empty-state { grid-column:1/-1; padding:36px; border:1px dashed #303036; border-radius:18px; color:var(--muted); text-align:center; }

.segmented { display:inline-flex; gap:4px; padding:4px; border:1px solid #29292f; border-radius:13px; background:#101012; margin-bottom:18px; }
.segment { border:0; border-radius:9px; background:transparent; color:#8c8c95; padding:9px 13px; font-weight:800; font-size:13px; }
.segment.active { background:#222226; color:var(--text); }
.stack-list { display:grid; gap:12px; }
.saved-card { background:#101012; border:1px solid #26262b; border-radius:17px; padding:16px; }
.saved-card-head { display:flex; gap:12px; justify-content:space-between; align-items:flex-start; }
.saved-card h3 { font-size:17px; margin:0 0 6px; }
.saved-meta { color:#777780; font-size:12px; }
.saved-preview { color:#a3a3ab; margin:12px 0 14px; line-height:1.45; font-size:13px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.saved-actions { display:flex; gap:8px; flex-wrap:wrap; }
.saved-actions button { padding:9px 11px; font-size:12px; }

.editor-panel { margin-top:22px; padding:22px; border:1px solid #303036; background:#0f0f11; border-radius:20px; }
.editor-head { align-items:flex-start; }

.footer { color:#65656d; padding:30px 0 90px; font-size:13px; border-top:1px solid rgba(255,255,255,.05); }
.mobile-nav { display:none; }
.toast { position:fixed; left:50%; bottom:26px; transform:translateX(-50%); z-index:80; padding:11px 15px; border-radius:12px; background:#efefef; color:#111; font-weight:750; font-size:13px; box-shadow:0 15px 50px rgba(0,0,0,.4); max-width:calc(100% - 30px); text-align:center; }

@media (max-width: 1000px) {
  .desktop-nav { display:none; }
  .card-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 800px) {
  body { padding-bottom:76px; }
  .hero { padding-top:46px; }
  .quick-grid { grid-template-columns:1fr 1fr; }
  .form-grid { grid-template-columns:1fr; }
  .field.wide { grid-column:auto; }
  .task-actions, .section-head, .page-title-row { align-items:stretch; flex-direction:column; }
  .result-actions { width:100%; }
  .result-actions button { flex:1; }
  .examples { padding:0 6px; }
  .primary-btn { width:100%; }
  .bottom-actions .primary-btn { width:auto; flex:1; }
  .toolbar { grid-template-columns:1fr; }
  .card-grid { grid-template-columns:1fr; }
  .topbar { height:66px; }
  .footer { padding-bottom:35px; }
  .mobile-nav {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:60;
    background:rgba(10,10,11,.96);
    backdrop-filter:blur(18px);
    border-top:1px solid #25252a;
    padding:5px max(4px, env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-right));
  }
  .mobile-nav-btn { border:0; background:transparent; color:#777780; padding:5px 2px; display:flex; flex-direction:column; align-items:center; gap:2px; min-width:0; }
  .mobile-nav-btn span { font-size:18px; line-height:1.1; }
  .mobile-nav-btn small { font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; }
  .mobile-nav-btn.active { color:var(--accent); }
  .toast { bottom:88px; }
}

@media (max-width: 480px) {
  .wrap { width:min(100% - 22px,1120px); }
  .quick-grid { grid-template-columns:1fr; }
  h1 { font-size:42px; }
  .task-card { padding:12px; }
  .task-card > textarea { padding:12px; }
  .context-bar { align-items:flex-start; }
  .pill { width:100%; max-width:none; }
  .bottom-actions { flex-wrap:wrap; }
  .bottom-actions .secondary-btn { flex:0 0 auto; }
  .page-section { padding-top:40px; }
  .editor-panel { padding:14px; }
  #newTaskBtn { display:none !important; }
}

/* v0.4 — аккаунт и синхронизация */
.header-actions{display:flex;align-items:center;gap:10px}
.account-btn{border:1px solid #303036;background:#17171b;color:#f6f6f7;border-radius:14px;padding:11px 15px;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.account-btn.online{border-color:#665514;background:#26200b;color:#ffd83d}
.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}
.auth-modal{width:min(520px,100%);max-height:92vh;overflow:auto;background:#111114;border:1px solid #2c2c32;border-radius:28px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.auth-tabs{margin:18px 0}
.auth-form{display:grid;gap:14px}
.auth-form .field{margin:0}
.wide-btn{width:100%;justify-content:center}
.auth-hint{font-size:14px;margin:16px 0 0}
.auth-error{margin-top:14px;padding:12px 14px;border:1px solid #6a2f33;background:#2b1215;color:#ffb2b6;border-radius:14px;font-size:14px}
.account-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #292930;border-radius:18px;background:#0d0d0f;margin:16px 0}
.account-avatar{width:48px;height:48px;border-radius:15px;background:#ffd83d;color:#111;display:grid;place-items:center;font-weight:950;font-size:20px}
.auth-user-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
#syncStatus.syncing{border-color:#5e5219;color:#ffe47b}
#syncStatus.error{border-color:#6a2f33;color:#ffb2b6;background:#2b1215}
@media(max-width:720px){
  .topbar{gap:10px}
  .desktop-nav{display:none}
  .header-actions{margin-left:auto}
  .account-btn{padding:10px 12px;border-radius:13px;font-size:14px;max-width:112px;overflow:hidden;text-overflow:ellipsis}
  .auth-modal{padding:20px;border-radius:22px}
}


/* v0.5 tariff & quota */
.plan-card{margin:18px 0;padding:20px;border:1px solid var(--border,#2b2b32);border-radius:22px;background:rgba(255,214,72,.045)}
.plan-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.plan-head>div{display:flex;flex-direction:column;gap:4px}.plan-kicker{font-size:12px;letter-spacing:.18em;color:#f7d24a;font-weight:800}.plan-head strong{font-size:18px}.plan-head>strong{font-size:20px;color:#f7d24a}
.quota-track{height:10px;border-radius:999px;overflow:hidden;background:#24242a;border:1px solid #303038}.quota-bar{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#f6cf3f,#ffe889);transition:width .25s ease}
.plan-meta{display:flex;justify-content:space-between;gap:14px;margin-top:10px;color:#b7b7c0;font-size:13px}.quota-note{margin:12px 0 0;font-size:13px;line-height:1.5}.plan-card.exhausted{border-color:#6f3434;background:rgba(120,30,30,.10)}.plan-card.exhausted .quota-bar{background:#a44545}.plan-card.exhausted .plan-head>strong{color:#ff9c9c}
@media(max-width:560px){.plan-meta{flex-direction:column;gap:4px}.plan-card{padding:16px}}

/* v0.6 — Сатурн.Разработка */
:root{
  --accent:#ffd500;
  --accent-2:#ffeb70;
  --saturn-yellow:#ffd500;
  --saturn-black:#050506;
}
body{
  background:
    radial-gradient(circle at 12% 5%, rgba(255,213,0,.13), transparent 22%),
    radial-gradient(circle at 88% 18%, rgba(255,213,0,.06), transparent 20%),
    linear-gradient(180deg,#080809 0%,#050506 48%,#09090a 100%);
}
body::before{
  content:"";position:fixed;z-index:-1;pointer-events:none;width:520px;height:160px;left:-120px;top:210px;
  border:1px solid rgba(255,213,0,.10);border-radius:50%;transform:rotate(-18deg);filter:blur(.1px)
}
.topbar{background:rgba(5,5,6,.88);border-bottom-color:rgba(255,213,0,.12)}
.brand-button{min-width:245px;justify-content:flex-start}
.brand-logo-img{display:block;width:245px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.hero{padding-top:78px}
.hero::before{content:"";display:block;width:70px;height:3px;background:var(--accent);border-radius:999px;margin-bottom:22px;box-shadow:0 0 26px rgba(255,213,0,.55)}
.hero-badge{margin-top:9px;color:#a4a4ab;font-size:13px}
.status-stack{display:flex;align-items:flex-end;gap:8px;flex-direction:column}
.quota-status{font-size:12px;color:#d3d3d8;border:1px solid #2a2a2f;border-radius:999px;padding:7px 10px;background:#0d0d0f}
.task-card,.item-card,.saved-card,.editor-panel,.auth-modal,.price-card,.admin-panel{box-shadow:0 28px 80px rgba(0,0,0,.34)}
.task-card{border-color:#323017;background:linear-gradient(180deg,rgba(20,20,19,.98),rgba(10,10,11,.98))}
.primary-btn{background:linear-gradient(180deg,#ffe368,#ffd500);box-shadow:0 8px 28px rgba(255,213,0,.10)}
.primary-btn:hover{background:#ffea75}
.eyebrow{color:#ffd500}
.ai-status.online{color:#ffe36b;border-color:#5a4e0c;background:#151306}
.account-btn.online{border-color:#5a4e0c;background:#191606;color:#ffe36b}
.context-bar{border-color:#2d2b16;background:linear-gradient(90deg,rgba(255,213,0,.035),rgba(14,14,16,.75))}
.quick:hover{border-color:#736109;box-shadow:inset 0 0 0 1px rgba(255,213,0,.08)}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.price-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:360px;padding:26px;border:1px solid #28282e;border-radius:24px;background:linear-gradient(180deg,#111113,#0b0b0d)}
.price-card::after{content:"";position:absolute;width:190px;height:58px;border:1px solid rgba(255,213,0,.12);border-radius:50%;right:-70px;top:20px;transform:rotate(-18deg)}
.price-card.featured{border-color:#736109;background:linear-gradient(180deg,#181606,#0d0d0e)}
.price-card.featured::before{content:"РЕКОМЕНДУЕМ";position:absolute;right:18px;top:18px;font-size:9px;letter-spacing:.16em;font-weight:900;color:#181300;background:#ffd500;padding:6px 8px;border-radius:999px}
.price-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:#ffd500;margin-bottom:8px}
.price-card h3{font-size:30px;margin:6px 0 20px}
.price-card p{color:#9999a2;line-height:1.6;flex:1}
.price-limit{display:flex;align-items:center;gap:12px;margin:6px 0 18px}.price-limit strong{font-size:58px;line-height:.9;color:#fff}.price-limit span{color:#8d8d95;line-height:1.25;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.pricing-note{margin-top:18px;padding:15px 17px;border:1px dashed #35353b;border-radius:16px;color:#92929a;background:#0d0d0f}

.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}
.stat-card{padding:18px;border:1px solid #29292f;border-radius:18px;background:#0f0f11;display:flex;flex-direction:column;gap:6px}.stat-card span{font-size:12px;color:#7f7f88}.stat-card strong{font-size:30px}
.admin-panel{margin-top:18px;padding:22px;border:1px solid #2b2b31;border-radius:22px;background:#0e0e10}
.admin-panel-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.admin-panel-head h3{margin-top:5px}
.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px}.inline-form input,.admin-plan-select{border:1px solid #303036;background:#09090b;color:#f5f5f6;border-radius:12px;padding:12px 13px;min-height:44px}
.chip-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.admin-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid #34301d;background:#17150b;color:#e8d77d;font-size:12px}.admin-chip button{border:0;background:transparent;color:#d9bcbc;font-size:18px;line-height:1}
.admin-users{display:grid;gap:8px}.admin-user-row{display:grid;grid-template-columns:minmax(0,1fr) 95px 210px;gap:12px;align-items:center;padding:14px;border:1px solid #242429;border-radius:14px;background:#0a0a0c}.admin-user-main{min-width:0;display:flex;flex-direction:column;gap:3px}.admin-user-main strong,.admin-user-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-main span{font-size:12px;color:#85858e}.admin-usage{color:#ffd500;font-weight:850}.admin-role{display:inline-flex;padding:8px 10px;border-radius:10px;background:#181818;color:#d6d6dc;border:1px solid #303036;font-size:12px;font-weight:800}.admin-role.owner{color:#171300;background:#ffd500;border-color:#ffd500}.admin-search{max-width:320px}

/* убрать прежнюю визуальную семантику синхронизации */
#syncStatus,#syncNowBtn{display:none!important}

@media(max-width:1000px){
  .brand-button{min-width:210px}.brand-logo-img{width:210px}
  .admin-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  .brand-button{min-width:168px}.brand-logo-img{width:168px}
  .status-stack{align-items:flex-start;width:100%}
  .pricing-grid{grid-template-columns:1fr}
  .price-card{min-height:300px}
  .admin-stats{grid-template-columns:repeat(2,1fr)}
  .admin-panel-head{align-items:stretch;flex-direction:column}.admin-search{max-width:none}
  .admin-user-row{grid-template-columns:1fr 70px}.admin-user-row>div:last-child{grid-column:1/-1}.admin-plan-select{width:100%}
}
@media(max-width:520px){
  .topbar{padding-left:14px;padding-right:14px}.brand-button{min-width:145px}.brand-logo-img{width:145px}
  .account-btn{max-width:96px}
  .hero{padding-top:48px}.hero::before{width:48px;margin-bottom:16px}
  .admin-stats{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card strong{font-size:24px}
  .inline-form{grid-template-columns:1fr}.inline-form .primary-btn{width:100%}
}

/* v0.7 — вложения и гибкие вопросы */
.question-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:18px 0 12px}
.attachment-panel{margin:14px 0 22px;padding:16px 18px;border:1px solid #2b2b31;border-radius:18px;background:#0f1013}
.compact-panel{margin:16px 0 4px}
.attachment-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap}
.attach-help{margin:0 0 12px}
.attachment-list{display:grid;gap:10px}
.attachment-empty{padding:14px;border:1px dashed #313139;border-radius:14px;color:#8c8c95;background:#111116}
.attachment-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:start;padding:12px;border:1px solid #292930;border-radius:16px;background:#121318}
.attachment-preview{width:58px;height:58px;border-radius:12px;border:1px solid #2d2d33;background:#0d0d10;display:grid;place-items:center;overflow:hidden;color:#c3ab39;font-size:12px;font-weight:800}
.attachment-preview img{width:100%;height:100%;object-fit:cover;display:block}
.attachment-content{min-width:0;display:grid;gap:4px}
.attachment-content strong{font-size:14px;line-height:1.35;word-break:break-word}
.attachment-content small{color:#8b8b95}
.attachment-excerpt{font-size:12px;color:#acacb6;line-height:1.45;max-height:3.2em;overflow:hidden}
.remove-attachment-btn,.field-remove-btn{border:1px solid #32323a;background:#17181d;color:#d5d5de;border-radius:12px;padding:8px 10px;font-weight:800;cursor:pointer}
.remove-attachment-btn:hover,.field-remove-btn:hover{border-color:#53535f;background:#202127}
.field-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.field-top label{margin-bottom:6px}
.field-top-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:max-content}
.field-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid #303038;background:#17181d;color:#9ea0a9;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.field-badge.recommended{border-color:#5a501d;background:#1a180d;color:#f1d45d}
.question-empty{margin-top:8px}
@media (max-width:800px){
  .question-tools{align-items:stretch}
  .attachment-head,.field-top{flex-direction:column;align-items:stretch}
  .field-top-actions{align-items:flex-start;min-width:0}
}
@media (max-width:560px){
  .attachment-item{grid-template-columns:48px 1fr;}
  .remove-attachment-btn{grid-column:2;justify-self:start}
}

/* v0.8 — режимы генерации, документы и редактор результата */
.prompt-settings-panel{margin:16px 0 6px;padding:16px 18px;border:1px solid #2d2d34;border-radius:18px;background:linear-gradient(180deg,#111216,#0e0f12)}
.settings-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.settings-title-row span{color:#85858f;font-size:12px}
.prompt-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mini-setting{display:grid;gap:7px;color:#bdbdc6;font-size:12px;font-weight:800}
.mini-setting select{width:100%;border:1px solid #303038;background:#0b0c0f;color:#f5f5f6;border-radius:12px;padding:11px 34px 11px 12px;font:inherit;font-size:14px;outline:none}
.mini-setting select:focus{border-color:#6e5d15;box-shadow:0 0 0 3px rgba(255,213,0,.06)}
.field-action-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.field-suggest-btn{border:1px solid #5a4e18;background:#1a170b;color:#efd557;border-radius:12px;padding:8px 10px;font-weight:800;cursor:pointer}
.field-suggest-btn:hover{background:#26200c;border-color:#847126}
.ai-decide-value{border-color:#6c5a19!important;background:#15130a!important}
.prompt-editor{display:block;width:100%;min-height:420px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:#f0f0f2;outline:none}
.prompt-editor:focus{border-color:#635719;box-shadow:0 0 0 3px rgba(255,213,0,.05)}
.result-edit-hint{margin-top:10px;color:#7d7d86;font-size:12px}
.result-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:800px){
  .prompt-settings-grid{grid-template-columns:1fr}
  .settings-title-row{align-items:flex-start;flex-direction:column}
  .field-action-row{justify-content:flex-start}
  .prompt-editor{min-height:360px}
}
.question-tool-group{display:flex;gap:8px;flex-wrap:wrap}
.attachment-note-input{margin-top:7px;width:100%;border:1px solid #303038;background:#0d0e11;color:#ececf0;border-radius:10px;padding:9px 10px;font:inherit;font-size:12px;outline:none}
.attachment-note-input:focus{border-color:#6b5c1d}

/* v0.9 — память бренда / постоянные материалы профиля */
.profile-memory-field{border-color:#4b4116;background:linear-gradient(180deg,rgba(255,213,0,.035),rgba(17,17,19,.96))}
.profile-memory-head h4{margin:4px 0 8px;font-size:20px}.profile-memory-head p{margin:0;max-width:820px}
.profile-material-upload-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center;margin:18px 0 10px}
.profile-material-hint{padding:12px 14px;border:1px dashed #35353d;border-radius:14px;background:#101014;margin-bottom:12px}
.profile-materials-list{display:grid;gap:12px}
.profile-material-card{display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:start;border:1px solid #2b2b31;border-radius:18px;background:#0d0e11;padding:14px}
.profile-material-preview{width:82px;height:82px;border-radius:14px;overflow:hidden;border:1px solid #313138;background:#111218;display:grid;place-items:center;color:#e0c33d;font-weight:900;font-size:12px}
.profile-material-preview img{width:100%;height:100%;object-fit:cover;display:block}
.profile-material-main{min-width:0}.profile-material-main h5{font-size:16px;margin:4px 0 7px}.profile-material-main p{margin:0 0 10px;color:#a6a6af;font-size:13px;line-height:1.5}
.profile-material-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.profile-material-meta span{color:#f1d34b;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.profile-material-meta small{color:#74747d}
.material-palette{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.palette-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #303038;border-radius:999px;background:#15161a;font-size:11px;color:#c9c9d0}.palette-chip i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:block}
.material-tech-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.material-tech-list span{padding:5px 8px;border-radius:8px;background:#17181d;border:1px solid #292a31;color:#aeb0b9;font-size:11px}
.material-warning{margin-top:9px;padding:8px 10px;border-radius:10px;background:#1c170c;border:1px solid #4b4017;color:#d7c36a;font-size:11px;line-height:1.45}
@media(max-width:720px){.profile-material-upload-row{grid-template-columns:1fr}.profile-material-card{grid-template-columns:64px 1fr}.profile-material-preview{width:64px;height:64px}.profile-material-delete{grid-column:2;justify-self:start}}

/* v1.0 — экономика сервиса */
.price-money{display:flex;align-items:baseline;gap:8px;margin:-8px 0 18px}.price-money strong{font-size:30px;color:#ffd500;letter-spacing:-.02em}.price-money span{color:#8c8c95;font-size:13px}
.admin-stats{grid-template-columns:repeat(4,1fr)}
.stat-card.money strong{font-size:24px;color:#f5d74d}.stat-card.positive{border-color:#31552f;background:#0f160f}.stat-card.negative{border-color:#603239;background:#1a0e10}.stat-card.negative strong{color:#ff9b9b}
.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.finance-kpi{padding:14px;border:1px solid #25252b;border-radius:14px;background:#0a0a0c;display:flex;flex-direction:column;gap:5px}.finance-kpi span{font-size:11px;color:#7f7f88;text-transform:uppercase;letter-spacing:.08em}.finance-kpi strong{font-size:18px}.finance-wide-note{grid-column:1/-1;padding:13px 15px;border:1px dashed #34343c;border-radius:14px;color:#92929b;font-size:12px;line-height:1.55}
.operation-breakdown{margin-top:18px;display:grid;gap:8px}.operation-title{font-size:12px;color:#85858e;text-transform:uppercase;letter-spacing:.08em;font-weight:850;margin-bottom:2px}.operation-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 120px 100px;gap:10px;align-items:center;padding:11px 13px;border:1px solid #24242a;border-radius:12px;background:#0a0a0c;font-size:13px}.operation-row span:nth-child(n+2){color:#92929a;text-align:right}.operation-row strong{text-align:right;color:#f5d74d}
.admin-user-row{grid-template-columns:minmax(0,1.2fr) 86px 170px 220px}.admin-usage{display:flex;flex-direction:column;gap:2px}.admin-usage small{font-size:10px;color:#777780;font-weight:600}.admin-user-finance{display:flex;flex-direction:column;gap:2px}.admin-user-finance strong{color:#f2d34b;font-size:14px}.admin-user-finance span,.admin-user-finance small{font-size:10px;color:#7f7f88}.admin-finance-margin{color:#9dc997!important}
@media(max-width:1000px){.admin-stats{grid-template-columns:repeat(3,1fr)}.finance-summary{grid-template-columns:repeat(2,1fr)}.admin-user-row{grid-template-columns:minmax(0,1fr) 76px 150px}.admin-user-row>div:last-child{grid-column:1/-1}.admin-plan-select{width:100%}}
@media(max-width:720px){.admin-stats{grid-template-columns:1fr 1fr}.finance-summary{grid-template-columns:1fr 1fr}.operation-row{grid-template-columns:1fr auto}.operation-row span:nth-child(3){display:none}.admin-user-row{grid-template-columns:1fr 70px}.admin-user-finance{grid-column:1/-1;padding-top:8px;border-top:1px solid #202026}.admin-user-row>div:last-child{grid-column:1/-1}}
@media(max-width:480px){.finance-summary{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}.stat-card.money strong{font-size:20px}}

/* v1.2 — папки в «Мои промты» */
.result-save-actions{align-items:center;flex-wrap:wrap}
.save-folder-select{min-width:170px;max-width:230px;height:44px;padding-top:9px;padding-bottom:9px}
.folders-panel{margin:18px 0 24px;padding:18px;border:1px solid #292930;border-radius:20px;background:#101012}
.folders-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.folders-head h3{margin:4px 0 0;font-size:20px}
.folder-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;margin:0 0 14px}
.folders-list{display:flex;gap:10px;flex-wrap:wrap}
.folder-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #303038;background:#151519;color:#b9b9c1;border-radius:14px;padding:10px 12px;cursor:pointer;font-weight:800;max-width:100%}
.folder-chip:hover{border-color:#4b462b;background:#17160f}
.folder-chip.active{border-color:#7b6720;background:#211d0b;color:#ffe063}
.folder-icon{font-size:16px;line-height:1;color:inherit}
.folder-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}
.folder-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#24242a;color:#a9a9b2;font-size:11px}
.folder-chip.active .folder-count{background:#342d0d;color:#ffe063}
.active-folder-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #24242a}
.active-folder-actions>div{display:flex;gap:8px;flex-wrap:wrap}
.saved-card-title-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.saved-card-title-row h3{flex:1;min-width:180px}
.saved-folder-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid #40391a;background:#18160c;color:#e4c94f;font-size:11px;font-weight:800;white-space:nowrap}
.saved-folder-move{min-height:40px;border:1px solid #303036;background:#17171a;color:#e9e9ed;border-radius:12px;padding:9px 34px 9px 11px;font-size:12px;font-weight:750;max-width:220px}
@media(max-width:720px){
  .folders-head,.active-folder-actions{align-items:stretch;flex-direction:column}
  .folder-form{grid-template-columns:1fr 1fr}
  .folder-form .search-input{grid-column:1/-1}
  .folder-chip{flex:1 1 calc(50% - 8px);justify-content:flex-start}
  .folder-chip-name{max-width:130px}
  .saved-folder-move{width:100%;max-width:none}
  .result-save-actions .save-folder-select{width:100%;max-width:none}
}
@media(max-width:460px){
  .folder-chip{flex-basis:100%}
}

/* v1.3 — проекты, вложенные папки и поиск */
.saved-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin:18px 0}
.saved-search-wrap{position:relative}.saved-search-wrap .search-input{padding-right:48px}.saved-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border-radius:10px}
.folders-description{margin:6px 0 0;max-width:650px;font-size:13px}
.folder-create-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.folder-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr) auto;gap:12px;align-items:end;margin:0 0 16px;padding:14px;border:1px solid #2a2a31;border-radius:16px;background:#0c0c0f}
.folder-form-name,.folder-parent-field{display:grid;gap:7px}.folder-form-label{font-size:12px;color:#a9a9b2;font-weight:800}.folder-form-buttons{display:flex;gap:8px;align-items:center}
.folder-special-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.folder-special-row .folder-chip{flex:0 1 auto}
.folders-tree{display:grid;gap:6px;border-top:1px solid #232329;padding-top:12px}
.folder-tree-item{--folder-depth:0;display:grid;grid-template-columns:4px 26px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px 10px calc(12px + (var(--folder-depth) * 20px));border:1px solid transparent;border-radius:13px;background:transparent;color:#c8c8d0;text-align:left;cursor:pointer}
.folder-tree-item:hover{background:#151519;border-color:#2b2b32}.folder-tree-item.active{background:#211d0b;border-color:#7b6720;color:#ffe063}.folder-tree-item.project{margin-top:4px;background:#11110d}.folder-tree-item.project.active{background:#211d0b}
.folder-tree-guide{width:3px;height:30px;border-radius:999px;background:#2f3036}.folder-tree-item.project .folder-tree-guide{background:#8c751f}.folder-tree-item.active .folder-tree-guide{background:#ffd500}
.folder-tree-main{min-width:0;display:flex;flex-direction:column;gap:2px}.folder-tree-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.folder-tree-main small{color:#777780;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.folder-tree-item.active .folder-tree-main small{color:#b9a64b}
.folders-empty{padding:18px;border:1px dashed #303038;border-radius:14px;color:#85858e;text-align:center;font-size:13px}
.folder-path{margin-top:4px;color:#85858e;font-size:12px;line-height:1.45}.saved-results-meta{margin:10px 2px 14px;color:#85858e;font-size:12px}.saved-folder-badge{max-width:min(100%,420px);overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.saved-toolbar{grid-template-columns:1fr}.folder-create-actions{justify-content:stretch}.folder-create-actions button{flex:1}.folder-form{grid-template-columns:1fr}.folder-form-buttons{justify-content:stretch}.folder-form-buttons button{flex:1}.folder-special-row{display:grid;grid-template-columns:1fr 1fr}.folder-special-row .folder-chip{width:100%;justify-content:flex-start}.folder-tree-item{padding-left:calc(10px + (var(--folder-depth) * 14px));grid-template-columns:3px 22px minmax(0,1fr) auto}.active-folder-actions>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.active-folder-actions #newSubfolderBtn{grid-column:1/-1}.saved-folder-badge{max-width:100%}}
@media(max-width:460px){.folder-special-row{grid-template-columns:1fr}.folder-tree-item{padding-left:calc(8px + (var(--folder-depth) * 11px))}}