.ai-writer-entry { border-color:rgba(80,6,118,.26); box-shadow:0 16px 34px rgba(80,6,118,.09); }
.ai-writer-entry .tool-copy { background:linear-gradient(180deg,#fff,#fcf8fd); }
.ai-writer-badge { margin-bottom:8px; color:var(--blue); font-size:10px; font-weight:850; letter-spacing:.08em; }
.ai-writer-visual { position:relative; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 18% 24%,rgba(129,216,208,.7),transparent 28%),linear-gradient(135deg,#500676,#8b45a8 58%,#d7b7e2); }
.ai-writer-orb { width:62px; height:62px; display:grid; place-items:center; border-radius:20px; color:#500676; background:#fff; box-shadow:0 14px 28px rgba(37,4,55,.24); transform:rotate(-5deg); }
.ai-writer-orb .lucide { width:29px; height:29px; }
.ai-writer-lines { width:78px; padding:15px 12px; display:grid; gap:8px; border-radius:12px; background:rgba(255,255,255,.88); box-shadow:0 12px 25px rgba(37,4,55,.18); transform:translate(-7px,17px) rotate(5deg); }
.ai-writer-lines i { display:block; height:5px; border-radius:9px; background:#d5b6df; }
.ai-writer-lines i:nth-child(2) { width:72%; }.ai-writer-lines i:nth-child(3) { width:88%; }
.ai-writer-pen { position:absolute; right:25px; top:20px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#2c9a91; box-shadow:0 8px 18px rgba(36,125,116,.25); }
.ai-writer-pen .lucide { width:17px; height:17px; }
.ai-writing-inner { max-width:1200px; }
.ai-writing-hero { margin-bottom:22px; padding:24px 26px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; border:1px solid rgba(80,6,118,.13); border-radius:22px; background:radial-gradient(circle at 90% 0,rgba(129,216,208,.3),transparent 34%),linear-gradient(135deg,#fbf7fc,#f3fbfa); box-shadow:0 15px 36px rgba(50,40,60,.06); }
.ai-writing-back { grid-column:1/-1; width:max-content; display:inline-flex; align-items:center; gap:7px; padding:0; border:0; color:var(--muted); background:transparent; font-size:12px; }
.ai-writing-back .lucide { width:15px; height:15px; }
.ai-writing-hero-copy>span { display:inline-flex; align-items:center; gap:7px; color:var(--blue); font-size:11px; font-weight:850; letter-spacing:.08em; }
.ai-writing-hero-copy>span .lucide { width:16px; height:16px; }
.ai-writing-hero-copy h1 { margin:9px 0 7px; color:var(--ink); font-size:clamp(25px,3vw,38px); line-height:1.2; letter-spacing:-.04em; }
.ai-writing-hero-copy p { max-width:680px; margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.ai-writing-hero-actions { align-self:end; display:flex; gap:9px; }
.ai-writing-hero-actions button { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.ai-writing-hero-actions .lucide { width:16px; height:16px; }
.ai-writing-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:18px; align-items:start; }
.ai-writing-sidebar,.ai-writing-library { border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.ai-writing-sidebar { position:sticky; top:76px; padding:16px; }
.ai-writing-sidebar>strong { display:block; margin:2px 4px 12px; color:var(--ink); font-size:13px; }
#aiWriterCategories { display:grid; gap:4px; }
.ai-writing-category { width:100%; min-height:39px; display:flex; align-items:center; gap:9px; padding:0 10px; border:0; border-radius:9px; color:var(--muted); background:transparent; font-size:12px; text-align:left; }
.ai-writing-category .lucide { width:15px; height:15px; }.ai-writing-category b { margin-left:auto; font-size:10px; }
.ai-writing-category:hover,.ai-writing-category.active { color:var(--blue); background:rgba(80,6,118,.07); }
.ai-writing-tip { margin-top:16px; padding:12px; display:flex; gap:9px; border-radius:12px; background:linear-gradient(135deg,rgba(80,6,118,.055),rgba(129,216,208,.14)); }
.ai-writing-tip>.lucide { width:17px; height:17px; flex:0 0 17px; color:var(--blue); }.ai-writing-tip b,.ai-writing-tip span { display:block; }.ai-writing-tip b { color:var(--ink); font-size:11px; }.ai-writing-tip span { margin-top:4px; color:var(--muted); font-size:10px; line-height:1.55; }
.ai-writing-library { min-width:0; padding:20px; }
.ai-writing-library-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.ai-writing-library-head h2 { margin:0 0 4px; color:var(--ink); font-size:20px; }.ai-writing-library-head p { margin:0; color:var(--muted); font-size:11px; }
.ai-writing-search { width:min(330px,44%); height:40px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); }
.ai-writing-search .lucide { width:16px; height:16px; color:var(--muted); }.ai-writing-search input { width:100%; border:0; outline:0; color:var(--text); background:transparent; font-size:12px; }
.ai-writing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ai-writing-card { min-width:0; min-height:176px; display:flex; flex-direction:column; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--surface); text-align:left; transition:.18s ease; }
.ai-writing-card:hover { transform:translateY(-2px); border-color:rgba(80,6,118,.3); box-shadow:0 13px 26px rgba(52,33,62,.08); }
.ai-writing-card-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:var(--blue); background:linear-gradient(135deg,rgba(80,6,118,.08),rgba(129,216,208,.22)); }.ai-writing-card-icon .lucide { width:20px; height:20px; }
.ai-writing-card h3 { margin:13px 0 5px; color:var(--ink); font-size:14px; }.ai-writing-card p { flex:1; margin:0; color:var(--muted); font-size:11px; line-height:1.6; }
.ai-writing-card footer { margin-top:13px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--blue); font-size:11px; font-weight:750; }.ai-writing-card footer span { color:var(--muted); font-size:10px; font-weight:500; }
.ai-writing-empty { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--muted); text-align:center; }.ai-writing-empty .lucide { width:32px; height:32px; }.ai-writing-empty strong { margin-top:12px; color:var(--ink); font-size:14px; }.ai-writing-empty span { margin-top:5px; font-size:11px; }
.ai-writer-layer { position:fixed; inset:0; z-index:90; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(24,17,29,.5); backdrop-filter:blur(5px); }.ai-writer-layer.open { display:flex; }
.ai-writer-dialog { width:min(920px,100%); max-height:min(760px,92vh); overflow:auto; border-radius:22px; background:var(--surface); box-shadow:0 30px 90px rgba(24,12,31,.3); }
.ai-writer-dialog-head { position:sticky; top:0; z-index:2; padding:20px 22px; display:flex; align-items:center; gap:13px; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--surface) 94%,transparent); backdrop-filter:blur(12px); }.ai-writer-dialog-head>span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,#500676,#2c9a91); }.ai-writer-dialog-head .lucide { width:21px; height:21px; }.ai-writer-dialog-head div { flex:1; }.ai-writer-dialog-head h2 { margin:0; color:var(--ink); font-size:18px; }.ai-writer-dialog-head p { margin:4px 0 0; color:var(--muted); font-size:11px; }.ai-writer-close { width:36px; height:36px; border:0; border-radius:50%; color:var(--muted); background:var(--surface-2); font-size:21px; }
.ai-writer-form { padding:22px; display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:18px; }.ai-writer-fields { display:grid; gap:15px; }.ai-writer-field { display:grid; gap:7px; }.ai-writer-field>span { color:var(--ink); font-size:12px; font-weight:700; }.ai-writer-field>small { color:var(--muted); font-size:10px; }.ai-writer-field input,.ai-writer-field textarea,.ai-writer-field select { width:100%; border:1px solid var(--line); border-radius:11px; outline:0; color:var(--text); background:var(--surface-2); font:inherit; font-size:12px; }.ai-writer-field input,.ai-writer-field select { height:42px; padding:0 12px; }.ai-writer-field textarea { min-height:170px; padding:12px; resize:vertical; line-height:1.65; }.ai-writer-field input:focus,.ai-writer-field textarea:focus,.ai-writer-field select:focus { border-color:rgba(80,6,118,.42); box-shadow:0 0 0 3px rgba(80,6,118,.08); }
.ai-writer-options { padding:16px; display:grid; align-content:start; gap:14px; border-radius:14px; background:var(--surface-2); }.ai-writer-options h3 { margin:0; color:var(--ink); font-size:13px; }.ai-writer-option-chips { display:flex; flex-wrap:wrap; gap:7px; }.ai-writer-chip { min-height:32px; padding:0 10px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:var(--surface); font-size:11px; }.ai-writer-chip.active { color:#fff; border-color:#500676; background:#500676; }.ai-writer-prompt-preview { padding:12px; border:1px dashed rgba(80,6,118,.2); border-radius:11px; color:var(--muted); background:var(--surface); font-size:10px; line-height:1.6; }.ai-writer-dialog-actions { padding:0 22px 22px; display:flex; justify-content:flex-end; gap:9px; }.ai-writer-dialog-actions button { min-height:42px; padding:0 16px; }.ai-writer-dialog-actions .primary { display:inline-flex; align-items:center; gap:7px; }.ai-writer-dialog-actions .lucide { width:16px; height:16px; }
@media(max-width:980px){.ai-writing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-writing-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){body:has(.ai-writing-page.active){overflow-x:hidden}.ai-writing-hero{grid-template-columns:minmax(0,1fr);padding:19px}.ai-writing-hero-actions{align-self:start;flex-wrap:wrap}.ai-writing-layout{grid-template-columns:minmax(0,1fr)}.ai-writing-sidebar{min-width:0;position:static;padding:12px;overflow:hidden}.ai-writing-sidebar>strong,.ai-writing-tip{display:none}#aiWriterCategories{max-width:100%;display:flex;overflow-x:auto;scrollbar-width:none}#aiWriterCategories::-webkit-scrollbar{display:none}.ai-writing-category{width:auto;white-space:nowrap}.ai-writing-category b{margin-left:3px}.ai-writing-library{width:100%;max-width:100%;padding:15px;overflow:hidden}.ai-writing-library-head{min-width:0;align-items:stretch;flex-direction:column}.ai-writing-search{width:100%;min-width:0}.ai-writing-search input{min-width:0}.ai-writing-grid{width:100%;grid-template-columns:minmax(0,1fr)}.ai-writer-layer{padding:10px}.ai-writer-form{grid-template-columns:minmax(0,1fr);padding:16px}.ai-writer-dialog-head{padding:16px}.ai-writer-dialog-actions{padding:0 16px 16px}}