@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#17201e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink:#17201e;--muted:#78817c;--green:#b2d449;--line:#e4e7e1;background:#f4f5f2;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;width:min(1320px,100% - 64px);min-height:100vh;margin:0 auto;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:11px;font-size:17px;font-weight:700;display:inline-flex}.brand-mark{background:var(--ink);width:32px;height:32px;color:var(--green);letter-spacing:-2px;border-radius:10px;place-items:center;font:700 19px Space Grotesk,sans-serif;display:grid}.topbar-note{color:var(--muted);font-size:12px}.workspace{flex:1;grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:start;gap:clamp(36px,7vw,96px);padding:40px 0 56px;display:grid}.editor-column{min-width:0}.section-heading{margin:0 0 24px}.eyebrow{color:#828b85;letter-spacing:1.5px;align-items:center;gap:8px;margin:0 0 11px;font-size:9px;font-weight:700;display:flex}.eyebrow>span{background:#a9ce3d;border-radius:50%;width:6px;height:6px}h1,h2{letter-spacing:-1.2px;margin:0;font-family:Space Grotesk,sans-serif}h1{font-size:31px;font-weight:600}h1>span{color:#9fc535}.section-heading>p:last-child{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}.editor-form{gap:13px;display:grid}.form-section{background:#fff;border:1px solid #e3e6e0;border-radius:14px;min-width:0;margin:0;padding:17px 18px 18px}.form-section legend{color:#202925;padding:0 8px 0 0;font-size:13px;font-weight:700}.field-label{color:#4f5953;margin:9px 0 6px;font-size:11px;font-weight:600;display:block}.form-section>.field-label:first-of-type{margin-top:0}.form-section input:not([type=checkbox]):not([type=file]),.form-section textarea{color:#17201e;background:#fff;border:1px solid #dfe4de;border-radius:8px;outline:none;width:100%;min-height:39px;padding:9px 11px;font-size:12px;transition:border-color .15s,box-shadow .15s}.form-section textarea{resize:vertical;min-height:112px;line-height:1.55}.form-section input:focus,.form-section textarea:focus{border-color:#8eae35;box-shadow:0 0 0 3px #b2d44930}.handle-input{position:relative}.handle-input>span{color:#858e88;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.handle-input input{padding-left:27px!important}.avatar-field{justify-content:space-between;align-items:center;gap:10px;margin:13px 0;display:flex}.avatar-field>div{gap:2px;display:grid}.avatar-field .field-label{margin:0}.field-hint{color:#939b96;font-size:10px;line-height:1.5}.subtle-button{color:#354039;background:#fff;border:1px solid #dfe4de;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:600}.subtle-button:hover{background:#f5f7f1}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.toggle-row{cursor:pointer;border-top:1px solid #eef0ec;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex;position:relative}.toggle-row>span:first-child{gap:3px;display:grid}.toggle-row strong{color:#354039;font-size:11px}.toggle-row small{color:#939b96;font-size:10px}.toggle-row input{opacity:0;cursor:pointer;margin:0;position:absolute;right:0;width:38px!important;height:22px!important}.toggle-control{background:#d9ded8;border-radius:20px;flex:0 0 38px;height:22px;transition:background .15s;position:relative}.toggle-control:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.toggle-row input:checked+.toggle-control{background:#89b735}.toggle-row input:checked+.toggle-control:after{transform:translate(16px)}.toggle-row input:focus-visible+.toggle-control{outline-offset:2px;outline:3px solid #b2d44966}.optional{color:#9aa19c;font-size:10px;font-weight:400}.form-section legend .optional{margin-left:4px}.metrics-section{grid-template-columns:1fr;display:grid}.metric-edit-row{border-bottom:1px solid #f0f1ee;grid-template-columns:1fr 100px;align-items:center;gap:12px;padding:7px 0;display:grid}.metric-edit-row:last-of-type{border-bottom:0}.metric-edit-row input[type=number]{min-height:34px!important;padding:6px 8px!important}.metric-edit-row input:disabled{color:#a2a9a4!important;background:#f5f6f4!important}.metric-toggle{color:#4f5953;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.metric-toggle input{accent-color:#8eae35}.metrics-section>.field-hint{margin:7px 0 0}.preview-column{min-width:0;padding-top:8px;position:sticky;top:24px}.preview-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.preview-heading h2{font-size:19px;font-weight:600}.preview-heading .eyebrow{margin-bottom:6px}.theme-switch{background:#eef0ec;border:1px solid #e0e4de;border-radius:9px;padding:3px;display:flex}.theme-switch button{color:#737d76;background:0 0;border:0;border-radius:6px;min-height:29px;padding:0 10px;font-size:10px;font-weight:600}.theme-switch button.active{color:#26302a;background:#fff;box-shadow:0 1px 3px #1e28201a}.preview-stage{background-color:#ebede8;background-image:radial-gradient(#cfd4cc .65px,#0000 .65px);background-size:13px 13px;border:1px solid #e5e8e2;border-radius:16px;place-items:center;min-height:0;padding:clamp(20px,4vw,48px);display:grid}.tweet-card{width:min(100%,432px);aspect-ratio:var(--tweet-ratio,4 / 5);color:#0f1419;background:#fff;border:1px solid #eff1f2;border-radius:12px;flex-direction:column;min-width:0;height:auto;min-height:0;padding:25px 24px 20px;display:flex;overflow:hidden;box-shadow:0 12px 36px #17201e18}.tweet-card.dark{color:#e7e9ea;background:#000;border-color:#2f3336}.tweet-header{align-items:flex-start;gap:11px;min-width:0;display:flex}.tweet-avatar{object-fit:cover;border-radius:50%;flex:0 0 42px;width:42px;height:42px}.avatar-fallback{color:#42627b;background:#dce8f2;place-items:center;font-size:13px;font-weight:700;display:grid}.tweet-identity{flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 5px;min-width:0;padding-top:1px;line-height:1.45;display:flex}.display-name{overflow-wrap:anywhere;max-width:100%;color:inherit;font-size:13px;font-weight:700}.verified-badge{color:#1d9bf0;flex:0 0 14px;align-self:center;width:14px;height:14px}.user-handle,.tweet-date,.meta-separator{overflow-wrap:anywhere;color:#536471;font-size:12px}.dark .user-handle,.dark .tweet-date,.dark .meta-separator{color:#71767b}.tweet-text{white-space:pre-wrap;overflow-wrap:anywhere;min-height:0;color:inherit;flex:1;margin:29px 0 24px;font-size:15px;line-height:1.45}.empty-text{color:#8c959d}.tweet-metrics{color:#536471;border-top:1px solid #eff3f4;flex:none;justify-content:space-between;align-items:center;gap:14px;padding-top:14px;display:flex}.dark .tweet-metrics{color:#71767b;border-color:#2f3336}.tweet-metric{overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;font-size:10px;display:inline-flex}.tweet-metric svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:15px;height:15px}.metric-like svg{stroke-width:1.5px}.preview-note{color:#89928c;text-align:center;margin:11px 0 0;font-size:10px}.export-area{flex-direction:column;align-items:center;gap:9px;margin-top:20px;display:flex}.download-button{color:#fff;background:#17201e;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:180px;min-height:43px;padding:0 18px;font-size:12px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 4px 12px #17201e20}.download-button:hover:not(:disabled){background:#2b3931;transform:translateY(-1px)}.download-button:disabled{cursor:wait;opacity:.72}.download-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.export-area>span{color:#929a95;font-size:10px}.export-error{color:#b42318;text-align:center;max-width:420px;margin:0;font-size:11px}.export-success{color:#547328;text-align:center;max-width:420px;margin:0;font-size:11px}.page-footer{border-top:1px solid var(--line);color:#929a95;justify-content:space-between;align-items:center;min-height:57px;font-size:10px;display:flex}.footer-dot{color:#a9c943;font-size:15px}.step-progress{justify-content:center;align-items:center;gap:clamp(12px,4vw,50px);padding:25px 0 10px;display:flex}.step-item{color:#9aa19c;align-items:center;gap:9px;display:flex}.step-number{background:#fff;border:1px solid #d9ded8;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid}.step-label{font-size:11px;font-weight:600}.step-item.current{color:#26302a}.step-item.current .step-number,.step-item.complete .step-number{color:#fff;background:#8eae35;border-color:#8eae35}.step-item.complete{color:#647044}.flow-panel{width:min(100%,1060px);margin:24px auto 52px}.flow-panel.source-panel{width:min(100%,1180px)}.flow-heading{text-align:center;max-width:710px;margin:0 auto 25px}.flow-heading .eyebrow{justify-content:center}.flow-heading h1{font-size:clamp(27px,4vw,39px)}.flow-heading>p:last-child{color:#77817b;max-width:650px;margin:11px auto 0;font-size:13px;line-height:1.65}.flow-panel input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),.flow-panel textarea,.flow-panel select{color:#17201e;background:#fff;border:1px solid #dfe4de;border-radius:8px;outline:none;width:100%;min-height:39px;padding:9px 11px;font-size:12px}.flow-panel textarea{resize:vertical;line-height:1.55}.flow-panel input:focus,.flow-panel textarea:focus,.flow-panel select:focus{border-color:#8eae35;box-shadow:0 0 0 3px #b2d44930}.required{color:#87983f;margin-left:4px;font-size:9px;font-weight:600}.source-form{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:15px;display:grid}.source-main-fields,.reference-fields{background:#fff;border:1px solid #e3e6e0;border-radius:15px;min-width:0;padding:20px;box-shadow:0 8px 25px #202a2006}.source-main-fields>.field-label:first-child{margin-top:0}.topic-input{min-height:94px!important;font-size:13px!important}.category-row{grid-template-columns:minmax(0,1fr) minmax(150px,.8fr);align-items:end;gap:12px;margin-top:14px;display:grid}.category-row .field-label{margin-top:0}.suggestion-chips{flex-wrap:wrap;gap:7px;margin:9px 0 13px;display:flex}.suggestion-chip{color:#4a5a32;text-align:left;background:#f8faef;border:1px solid #e0e6d4;border-radius:999px;padding:7px 9px;font-size:10px}.suggestion-chip:hover{background:#f0f6db;border-color:#adca55}.select-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reference-fields{gap:12px;display:grid}.reference-card{background:#fbfcf9;border:1px solid #edf0e9;border-radius:11px;padding:13px}.reference-card h2,.result-card h2,.generated-preview h2{letter-spacing:-.2px;margin:0 0 6px;font:600 13px Space Grotesk,sans-serif}.reference-card>p{color:#77817b;margin:0 0 10px;font-size:10px;line-height:1.55}.reference-card .field-label{margin-top:9px}.upload-control{cursor:pointer;background:#fff;border:1px dashed #cfd7c7;border-radius:9px;align-items:center;gap:10px;min-height:54px;padding:9px 10px;display:flex}.upload-control:hover{background:#fcfdf8;border-color:#91ad42}.upload-control>span:nth-child(2){gap:3px;display:grid}.upload-control strong{color:#354039;font-size:11px}.upload-control small{color:#8b948e;font-size:9px}.upload-control input{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden;width:1px!important;height:1px!important}.upload-symbol{color:#78942f;background:#edf2df;border-radius:8px;flex:0 0 30px;place-items:center;height:30px;font-size:18px;font-weight:600;display:grid}.selected-file{color:#57635b;overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:8px;font-size:10px;display:flex}.selected-file button{color:#637f27;background:0 0;border:0;flex:none;padding:0;font-size:10px;text-decoration:underline}.reference-thumbnail{object-fit:contain;border-radius:7px;max-width:100%;max-height:140px;margin:10px auto 0;display:block}.image-reference{margin-top:1px}.reference-disclosure{color:#687151;background:#f4f6ed;border-radius:9px;margin:0;padding:10px 12px;font-size:10px;line-height:1.5}.reference-disclosure strong{color:#4a5830}.field-error,.flow-error{color:#a8332a;font-size:11px;line-height:1.5}.flow-error{background:#fff7f6;border:1px solid #f0c9c5;border-radius:9px;grid-column:1/-1;margin:0;padding:11px 13px}.step-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.step-actions>span{color:#89928c;font-size:10px}.primary-action,.secondary-action{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:0 16px;font-size:11px;font-weight:700;display:inline-flex}.primary-action{color:#fff;background:#18221e;box-shadow:0 4px 12px #17201e18}.primary-action:hover{background:#314038}.secondary-action{color:#4f5a53;background:#fff;border-color:#dce2d9}.secondary-action:hover:not(:disabled){background:#f8faf6}.secondary-action:disabled{cursor:not-allowed;opacity:.55}.generation-progress{background:#fbfcf7;border:1px solid #e2e8d5;border-radius:12px;max-width:710px;margin:0 auto 24px;padding:18px 20px}.progress-copy{color:#354039;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.progress-copy span{color:#82905d;flex:none;font-size:10px}.generation-progress progress{accent-color:#93b638;border:0;border-radius:10px;width:100%;height:7px;margin:13px 0 5px;overflow:hidden}.generation-progress progress::-webkit-progress-bar{background:#e7ecdc;border-radius:10px}.generation-progress progress::-webkit-progress-value{background:#93b638;border-radius:10px;transition:width .2s}.generation-progress>p{color:#8c948a;margin:0;font-size:9px}.generation-disclosure{color:#65704f;background:#f7f9f0;border-left:3px solid #9bbd43;border-radius:0 8px 8px 0;gap:4px;margin:0 0 17px;padding:11px 14px;font-size:10px;line-height:1.5;display:grid}.generation-disclosure strong{color:#495832;font-size:11px}.generation-results{grid-template-columns:minmax(0,1fr) minmax(235px,310px);align-items:start;gap:20px;display:grid}.generation-notes{gap:12px;display:grid}.result-card{background:#fff;border:1px solid #e3e7df;border-radius:12px;padding:16px 18px}.result-card ol,.result-card ul{color:#505b54;gap:9px;margin:12px 0 0;padding-left:20px;font-size:11px;line-height:1.55;display:grid}.result-card li::marker{color:#8ba83e;font-weight:700}.result-card>p{color:#929a95;margin:11px 0 0;font-size:9px;line-height:1.5}.generated-preview{background:#fafbf8;border:1px solid #e3e7df;border-radius:12px;justify-items:center;gap:10px;padding:14px;display:grid}.generated-preview h2{justify-self:start}.generated-preview .tweet-card{width:min(100%,260px);padding:18px 15px 14px}.generated-preview .tweet-avatar{flex-basis:34px;width:34px;height:34px}.generated-preview .display-name{font-size:11px}.generated-preview .user-handle,.generated-preview .tweet-date,.generated-preview .meta-separator{font-size:9px}.generated-preview .verified-badge{flex-basis:12px;width:12px;height:12px}.generated-preview .tweet-text{margin:19px 0 14px}.generated-preview .tweet-metric{gap:3px;font-size:8px}.generated-preview .tweet-metric svg{width:12px;height:12px}.generated-preview>span{color:#8a948d;text-align:center;font-size:9px}.generation-panel .flow-error{justify-content:space-between;align-items:center;gap:12px;display:flex}.generation-panel .flow-error button{color:#822a23;background:0 0;border:0;font-size:10px;font-weight:700;text-decoration:underline}.editor-workspace{width:100%;margin:16px auto 48px}.editor-intro-row{justify-content:space-between;align-items:end;gap:16px;margin:0 0 20px;display:flex}.editor-intro-row .section-heading{margin:0}.editor-layout{grid-template-columns:minmax(290px,420px) minmax(0,1fr);align-items:start;gap:clamp(25px,5vw,64px);display:grid}.editor-layout .editor-column{min-width:0}.editor-layout .preview-column{padding-top:4px;position:static;top:auto}.editor-layout .preview-stage{padding:clamp(18px,3vw,38px)}.editor-layout .tweet-card{width:min(100%,432px)}.editor-layout .export-area{margin-top:14px}.editor-actions{justify-content:center;margin-top:6px}.visual-control-row{grid-template-columns:80px minmax(0,1fr);align-items:end;gap:12px;display:grid}.color-input{cursor:pointer;background:#fff;border:1px solid #dfe4de;border-radius:8px;width:54px;height:39px;padding:3px;display:block}.visual-control-row .field-label{margin-top:0}.visual-control-row+.field-hint{margin-top:7px;display:block}.tweet-decoration{height:34px;color:var(--tweet-accent);flex:0 0 34px;place-items:center;margin:0 0 12px;display:grid;position:relative}.decoration-spark:before{content:"✳";font-size:23px}.decoration-orbit:before,.decoration-orbit:after{content:"";border:1.5px solid;border-radius:50%;width:13px;height:13px;position:absolute}.decoration-orbit:after{width:24px;height:24px}.decoration-orbit span:first-child{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;left:calc(50% + 11px)}.decoration-dots{grid-auto-flow:column;gap:6px}.decoration-dots span{background:currentColor;border-radius:50%;width:6px;height:6px}.tweet-card[data-format=square]{padding:17px 18px 14px}.tweet-card[data-format=square] .tweet-avatar{flex-basis:36px;width:36px;height:36px}.tweet-card[data-format=square] .tweet-header{gap:8px}.tweet-card[data-format=square] .display-name{font-size:12px}.tweet-card[data-format=square] .user-handle,.tweet-card[data-format=square] .tweet-date,.tweet-card[data-format=square] .meta-separator{font-size:10px}.tweet-card[data-format=square] .tweet-text{margin:14px 0 10px}.tweet-card[data-format=square] .tweet-decoration{flex-basis:25px;height:25px;margin-bottom:7px}.tweet-card[data-format=square] .tweet-metrics{gap:5px;padding-top:9px}.tweet-card[data-format=square] .tweet-metric{gap:3px;font-size:8px}.tweet-card[data-format=square] .tweet-metric svg{width:12px;height:12px}.tweet-card[data-format=enlarged]{padding-top:28px;padding-bottom:23px}.tweet-card[data-format=enlarged] .tweet-text{margin-top:34px;margin-bottom:29px}.format-selector{background:#fff;border:1px solid #e3e6e0;border-radius:14px;margin:0 0 22px;padding:17px}.format-selector legend{color:#202925;padding-right:8px;font-size:13px;font-weight:700}.format-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.format-option{cursor:pointer;background:#fff;border:1px solid #e3e8de;border-radius:11px;align-items:center;gap:11px;min-width:0;min-height:110px;padding:11px;display:flex}.format-option.selected{background:#f8faef;border-color:#a9c94d;box-shadow:0 0 0 2px #b2d44920}.format-option input{accent-color:#829f33;flex:none}.format-swatch{background:linear-gradient(160deg,#fff 0 72%,#f0f3e8 72% 100%);border:1px solid #dfe4dc;border-radius:4px;flex:0 0 52px;place-items:center;width:52px;display:grid}.format-swatch[data-format=portrait]{aspect-ratio:4/5}.format-swatch[data-format=enlarged]{aspect-ratio:3/4}.format-swatch[data-format=square]{aspect-ratio:1}.format-swatch>span{background:#b2d449;border-radius:4px;width:62%;height:5px;box-shadow:0 -10px #cbd0c7,0 10px #cbd0c7}.format-copy{gap:4px;min-width:0;display:grid}.format-copy strong{color:#354039;font-size:10px;line-height:1.4}.format-copy small{color:#7b857e;font-size:9px;line-height:1.4}.legal-source-form{grid-template-columns:minmax(0,1.8fr) minmax(240px,.75fr)}.source-main-fields,.reference-fields,.source-mode-content,.legal-select-grid>div{min-width:0}.source-choice-list{border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;min-width:0;margin:0 0 20px;padding:0;display:grid}.source-choice-list legend{color:#354039;grid-column:1/-1;min-width:0;margin-bottom:0;font-size:12px;font-weight:700}.source-choice{cursor:pointer;background:#fff;border:1px solid #e3e8de;border-radius:12px;min-width:0;min-height:148px;padding:14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.source-choice.selected{background:#f8faef;border-color:#a9c94d;box-shadow:0 0 0 2px #b2d44920}.source-choice input{accent-color:#829f33;width:16px;height:16px;margin:0;position:absolute;top:16px;right:15px}.source-choice input:focus-visible{outline-offset:3px;outline:3px solid #b2d44980}.source-choice-copy{overflow-wrap:anywhere;align-content:start;gap:8px;width:100%;min-width:0;padding-right:25px;display:grid}.source-choice-icon{color:#718b2f;background:#f0f4e5;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.source-choice-icon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px}.source-choice strong{color:#354039;overflow-wrap:anywhere;font-size:12px;line-height:1.4}.source-choice small{color:#89928c;overflow-wrap:anywhere;font-size:10px;line-height:1.45}.source-mode-content{margin-bottom:16px}.source-mode-content>.field-label:first-child{margin-top:0}.source-mode-content .suggestion-chips{margin-bottom:0}.source-mode-content.reference-card{padding:15px}.source-mode-content.reference-card>p{margin-top:10px}.source-mode-content .attach-fallback{min-height:34px;margin-top:11px;padding:0 11px;font-size:10px}.selected-files{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.selected-files .selected-file{background:#f3f5f0;border-radius:7px;align-items:center;margin:0;padding:8px}.selected-file small{color:#929a95}.legal-reference-note{align-content:start}.legal-reference-note .reference-card>p+p{margin-top:9px}.legal-select-grid{min-width:0;margin-top:4px}.legal-select-grid .field-label{min-height:26px;line-height:1.3}.legal-select-grid select{min-width:0}.legal-source-form .step-actions{grid-column:1/-1}.legal-source-form .field-error{margin:9px 0 0}@media (width<=900px){.source-form,.legal-source-form{grid-template-columns:1fr}.legal-reference-note{grid-row:auto}.legal-source-form .step-actions{grid-column:auto}.generation-results{grid-template-columns:1fr}.generated-preview{grid-template-columns:minmax(160px,240px) minmax(0,1fr);align-items:center}.generated-preview h2,.generated-preview>span{grid-column:1/-1}.editor-layout{grid-template-columns:1fr;gap:25px}.format-options{grid-template-columns:1fr}.editor-layout .preview-column{grid-row:1}}@media (width<=560px){.app-shell{width:calc(100% - 28px)}.step-progress{justify-content:space-between;gap:6px;padding:20px 0 7px}.step-item{gap:5px}.step-number{flex-basis:23px;width:23px;height:23px;font-size:9px}.step-label{max-width:88px;font-size:8px;line-height:1.2}.flow-panel{margin-top:18px}.flow-heading{margin-bottom:18px}.flow-heading h1{font-size:27px}.source-main-fields,.reference-fields{padding:15px}.select-grid{gap:8px}.step-actions{flex-direction:column;align-items:stretch}.step-actions>span{text-align:center}.progress-copy{flex-direction:column;align-items:flex-start;gap:4px}.generated-preview{grid-template-columns:1fr;justify-items:center}.generated-preview h2,.generated-preview>span{grid-column:auto;justify-self:center}.editor-intro-row{flex-direction:column;align-items:flex-start}.editor-layout .preview-stage{padding:16px 10px}.editor-layout .tweet-card{padding:18px 15px 14px}.format-selector{padding:14px}.format-option{min-height:82px}.format-swatch{flex-basis:42px;width:42px}.tweet-card[data-format=square]{padding:13px 12px 10px}}@media (width<=980px){.legal-source-form{grid-template-columns:minmax(0,1fr)}.legal-reference-note{grid-row:auto}.legal-source-form .step-actions{grid-column:auto}}@media (width<=480px){.legal-select-grid{grid-template-columns:minmax(0,1fr)}.legal-select-grid .field-label{min-height:0}}@media (width<=900px){.app-shell{width:min(100% - 40px,680px)}.workspace{grid-template-columns:1fr;gap:34px;padding-top:30px}.preview-column{grid-row:1;position:static}.preview-stage{min-height:0}.editor-column{grid-row:2}}@media (width<=520px){.app-shell{width:calc(100% - 28px)}.topbar{min-height:66px}.brand{font-size:15px}.topbar-note{font-size:10px}.workspace{gap:28px;padding:24px 0 38px}.preview-heading{align-items:center}.preview-heading h2{font-size:17px}.preview-stage{border-radius:12px;min-height:0;padding:15px 10px}.tweet-card{padding:18px 15px 14px}.tweet-text{margin-top:22px;margin-bottom:17px}.tweet-metrics{gap:7px}.tweet-metric{gap:3px;font-size:9px}.tweet-metric svg{width:13px;height:13px}.form-section{padding:15px}}