:root{--ink:#20332d;--muted:#7a8580;--green:#28644c;--lime:#d4e9a1;--line:#e5e9e3;--bg:#f7f8f5}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,textarea{font:inherit}button,a,label.dropzone{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--green)}[hidden]{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:266px;position:fixed;inset:0 auto 0 0;padding:32px 20px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;text-decoration:none;font-weight:750;font-size:33px;letter-spacing:-1.7px}.brand-icon{background:var(--green);color:var(--lime);width:38px;height:38px;font-family:Georgia,serif;font-style:italic;font-size:35px;text-align:center;border-radius:12px;margin-right:10px;line-height:35px}.brand-dot{color:#79a951}.workspace-label{font-size:10px;letter-spacing:1.6px;color:#929c95;margin:47px 12px 16px}.nav-item{border:0;width:100%;background:none;text-align:left;border-radius:8px;padding:13px 11px;margin:3px 0;color:#718078;font-size:12px;font-weight:550;display:flex;align-items:center;gap:11px}.nav-item>span{font-size:20px;width:22px}.nav-item:hover{background:#f6f8f3}.nav-item.active{color:#285e43;background:#ecf3e5}.sidebar-bottom{margin-top:auto;padding-top:32px}.provider{border:1px solid var(--line);border-radius:10px;padding:15px 10px;display:flex;align-items:center;gap:9px;font-size:12px}.provider small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.provider>span:last-child{margin-left:auto;color:var(--muted)}.status-dot{width:7px;height:7px;background:#80a85f;border-radius:50%}.profile{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:12px}.avatar{background:#f1e9db;border:1px solid #e3d8c5;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.profile strong{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.icon-btn{background:none;border:0;margin-left:auto;font-size:20px;color:var(--muted)}.main-wrap{margin-left:266px;flex:1;min-width:0}.topbar{height:77px;background:#ffffffb3;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.topbar strong{font-weight:500;color:var(--ink)}.breadcrumb{padding:0 15px;color:#c0c8c0}.top-badge{font-size:10px;padding:8px 12px;border:1px solid var(--line);border-radius:20px;color:#628369}main{max-width:1320px;margin:auto;padding:46px 44px 34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#77916c}.page-heading h1{font-size:30px;letter-spacing:-1.1px;font-weight:550;margin:13px 0 11px}.page-heading p{color:var(--muted);line-height:1.7;font-size:12px;margin-bottom:27px}.mode-tabs{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:28px}.mode-tabs button{border:0;background:none;color:var(--muted);padding:16px 0;font-size:12px}.mode-tabs .selected{border-bottom:2px solid var(--green);color:var(--green);font-weight:600}.generator-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.card{border:1px solid var(--line);background:white;border-radius:13px;box-shadow:0 3px 5px #20332d02}.source-card{padding:24px}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.card-heading h2{font-size:14px;font-weight:600;margin:0}.step{border:1px solid var(--line);width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font-size:10px;color:var(--muted)}.tiny-tag{font-size:10px;background:#f1f5ee;border:1px solid #e5ebdf;padding:4px 8px;border-radius:5px;white-space:nowrap}.card-heading .tiny-tag{margin-left:auto}.dropzone{border:1px dashed #bdcdb6;background:#fafcf7;border-radius:9px;display:flex;align-items:center;flex-direction:column;padding:23px;gap:8px;cursor:pointer}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone:focus-within{outline:2px solid var(--green)}.dropzone.drag{background:#e8f0de}.upload-symbol{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#edf3e4;color:var(--green);font-size:24px;margin-bottom:3px}.dropzone strong{font-size:12px;font-weight:550}.dropzone>span:not(.upload-symbol){font-size:11px;color:var(--muted)}.dropzone u{color:var(--green);text-underline-offset:3px}.dropzone small{font-size:9px;color:#98a18f;margin-top:3px}.or{display:flex;align-items:center;gap:10px;color:#9aa297;font-size:10px;margin:20px 0}.or:before,.or:after{content:'';height:1px;background:#edf0e9;flex:1}textarea{width:100%;min-height:200px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:16px;line-height:1.8;font-size:12px;color:var(--ink);background:#fff}textarea::placeholder{color:#a0a79d}.textarea-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9aa297;margin-top:10px}.source-actions{border-top:1px solid #edf0e9;margin-top:22px;padding-top:18px;display:flex;align-items:center;justify-content:space-between}.primary{background:var(--green);color:white;border:1px solid var(--green);border-radius:7px;padding:12px 19px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary:hover{background:#1f503c}.secondary{background:white;border:1px solid var(--line);border-radius:7px;padding:11px 16px;font-size:12px}.text-btn{border:0;background:none;color:var(--green);font-size:11px;padding:8px}.guide{background:#eef2e7;border:1px solid #e3e9d9;border-radius:13px;padding:26px 23px}.guide-icon{font-size:26px;background:#e0e9ce;border:1px solid #d4dfc2;border-radius:11px;color:#638442;width:46px;height:46px;display:grid;place-items:center}.guide h2{font-weight:550;font-size:20px;line-height:1.5;letter-spacing:-.5px;margin:20px 0 10px}.guide>p{font-size:11px;line-height:1.9;color:#839075;margin-bottom:27px}.guide-line{display:flex;gap:11px;margin:20px 0}.guide-line>span{background:#e0e9d1;color:#638442;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.guide-line strong{font-size:11px;font-weight:550}.guide-line p{font-size:10px;color:#85927c;line-height:1.7;margin:5px 0}.guide-note{border-top:1px solid #dce4d1;padding-top:18px;color:#8b977f;font-size:10px;line-height:1.7}.main-footer{display:flex;justify-content:space-between;gap:25px;padding:14px 44px 24px;color:#a2aaa0;font-size:9px}.main-footer>span{text-align:right;max-width:600px}.assistant-question{display:flex;padding:24px;margin-top:24px;gap:16px}.ai-avatar{background:var(--green);color:var(--lime);border-radius:9px;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.assistant-question strong{font-size:12px}.assistant-question p{font-size:12px;line-height:1.7;color:var(--muted)}.generate-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.generate-controls input{width:90px}.generate-controls small{font-size:10px;color:var(--muted);padding-bottom:12px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 20px}.results-heading h2{font-size:20px;font-weight:550}.versions{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.version{overflow:hidden}.version-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:#f1f5ed;font-size:10px;letter-spacing:1px}.message-header,.message-body,.message-footer{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;font-size:13px;line-height:1.9}.message-header{font-weight:600;border-bottom:1px solid var(--line)}.message-footer{color:var(--muted);border-top:1px solid var(--line);font-size:12px}.style-1 .message-header{background:#f5f1e9;font-family:Georgia,serif;font-size:17px}.style-2 .message-header{border-left:4px solid var(--green);background:#edf4ed}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#f5f7f2;font-size:10px;color:var(--muted);font-weight:600;padding:15px 20px}td{padding:16px 20px;border-top:1px solid var(--line);line-height:1.7;min-width:70px}td:first-child{max-width:320px;overflow-wrap:anywhere}td[lang]{font-weight:550}td .text-btn{white-space:nowrap}.empty{text-align:center;padding:55px!important;color:var(--muted)}label:not(.dropzone){display:block;font-size:11px;font-weight:550}input:not([type=file]){display:block;width:100%;border:1px solid #dce3d9;border-radius:7px;padding:12px;margin-top:9px;background:white;color:var(--ink);font-size:12px}.settings-card{padding:28px;max-width:660px}.settings-card label{margin:24px 0}.settings-card p{color:var(--muted);font-size:12px;line-height:1.7}.guide-icon.small{width:32px;height:32px;font-size:20px}.user-form{padding:24px;margin-bottom:24px}.user-form h2{font-size:16px;margin:0 0 22px}.user-fields{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.user-fields label{flex:1;min-width:160px}.form-error{color:#ad4435!important;font-size:12px;line-height:1.6}.source-detail{padding:24px}.source-detail pre{white-space:pre-wrap;font:inherit;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#eaf0e0;padding:48px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-story h1{font-size:clamp(40px,4.8vw,70px);font-weight:500;line-height:1.12;letter-spacing:-3px;margin:25px 0}.login-story h1 em{font-family:Georgia,serif;font-weight:400;color:#6b8b4d}.login-story p{max-width:350px;color:#7c8c71;line-height:1.9;font-size:13px}.story-tags{display:flex;gap:12px;margin-top:27px}.story-tags span{border:1px solid #d3dec5;border-radius:20px;padding:9px 13px;font-size:10px;color:#748562}.login-story>small{font-size:9px;letter-spacing:2px;color:#8c9a7f}.login-panel{display:grid;place-items:center;background:#fff;padding:40px}.login-form{width:100%;max-width:355px}.login-form h2{font-weight:550;font-size:28px;letter-spacing:-1px;margin:15px 0}.login-form>p{color:var(--muted);font-size:12px;margin-bottom:32px}.login-form label{margin:22px 0}.login-form .primary{width:100%;justify-content:space-between}.login-form>a{display:block;text-align:center;font-size:11px;color:var(--green);margin-top:25px;text-decoration:none}.login-form>small{display:block;text-align:center;margin-top:38px;font-size:10px;color:#a1a89e}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;padding:14px 23px;border-radius:8px;z-index:100;font-size:12px;transition:.2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){main{padding-top:65px}.generator-grid{grid-template-columns:minmax(0,1fr) 320px}.source-card{padding:30px}textarea{min-height:245px}.guide{padding:30px}}@media(max-width:1150px){.sidebar{width:230px;padding:26px 14px}.main-wrap{margin-left:230px}main{padding:32px 25px}.topbar{padding:0 25px}.generator-grid{grid-template-columns:1fr}.guide{display:none}.main-footer{padding:20px 25px}.nav-item{font-size:11px}.top-badge{display:none}}@media(max-width:700px){.sidebar{position:relative;width:100%;padding:17px}.shell{display:block}.brand{font-size:28px}.sidebar>.workspace-label,.sidebar-bottom,.admin-only>.workspace-label{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:6px}.nav-item{width:auto;white-space:nowrap;font-size:10px;padding:9px}.nav-item>span{font-size:16px;width:auto}.admin-only{display:flex}.main-wrap{margin-left:0}.topbar{height:50px;padding:0 20px}main{padding:30px 18px}.page-heading h1{font-size:26px;line-height:1.25}.page-heading p{font-size:11px}.source-card{padding:18px}.mode-tabs{gap:20px}.mode-tabs button{font-size:10px}.main-footer{padding:18px;display:block;line-height:1.8}.main-footer span{display:block;text-align:left;margin-top:5px}.results-heading{align-items:start;flex-direction:column}.login{grid-template-columns:1fr}.login-story{min-height:auto;padding:24px}.login-story>div,.login-story>small{display:none}.login-panel{padding:50px 25px}.login-form h2{font-size:26px}.assistant-question{padding:18px}.textarea-meta{font-size:8px}.generate-controls{align-items:start;flex-direction:column}.user-fields{display:block}.user-fields label{margin-bottom:18px}}
@media(max-width:700px){.sidebar-bottom{display:block;padding-top:0}.sidebar-bottom .provider{display:none}.profile{margin-top:12px}.profile small{display:none}}

.html-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px 22px;border-top:1px solid var(--line)}.html-code{padding:0 22px 20px}.html-code summary{cursor:pointer;font-size:12px;color:var(--green)}.html-code textarea{margin-top:12px;font-family:monospace;font-size:11px;min-height:240px}

.html-preview{display:block;width:100%;height:520px;border:0;background:white;pointer-events:none}.html-preview-label{padding:12px 22px;font-size:11px;color:var(--muted);background:#f6f8f3}.versions:has(.html-preview){grid-template-columns:1fr}