/* UI-007 · generation surfaces. Prices, permissions and task states come from services. */
.generation-page,.generation-admin {--gen-bg:#101112;--gen-surface:#191e21;--gen-line:#ffffff17;--gen-text:#f4f3ef;--gen-muted:#9aadb7;--gen-pink:#f3b2c8;min-width:0;width:100%;color:var(--gen-text);}
.generation-heading {display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 25px;min-width:0;}
.generation-heading>div {flex:1;min-width:0;}
.generation-heading small,.generation-heading .eyebrow {font-size:9px;line-height:1.9;letter-spacing:.13em;color:#a3b5bd;}
.generation-heading h1 {font-size:30px;font-weight:550;letter-spacing:-.045em;line-height:1.35;margin:12px 0;overflow-wrap:anywhere;}
.generation-heading p {font-size:11px;line-height:1.9;color:#9bb0bb;margin:9px 0;}
.generation-heading>img {width:104px;max-width:29%;height:126px;object-fit:contain;flex:0 0 auto;opacity:.85;}
.generation-code {font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b8bec0;overflow-wrap:anywhere;letter-spacing:.035em;}
.generation-tabs {display:flex;align-items:center;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:3px 0 12px;margin:14px 0 7px;}
.generation-tabs>button {flex:0 0 auto;min-height:44px;padding:10px 15px;border-radius:23px;border:1px solid #ffffff13;color:#9fb0b7;font-size:11px;line-height:1.6;white-space:nowrap;background:#ffffff02;}
.generation-tabs>button:is(.selected,.active,[aria-pressed=true],[aria-selected=true]) {color:#f5c0d2;background:#f0698c0a;border-color:#f0698c55;}
.generation-filters,.generation-admin-filters {display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:14px 0 22px;min-width:0;}
.generation-filters>label,.generation-admin-filters>label {display:flex;flex-direction:column;gap:8px;font-size:10px;line-height:1.7;color:#a5b7be;min-width:0;flex:1;}
.generation-filters :is(input,select),.generation-admin-filters :is(input,select) {width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;background:#20272b;border:1px solid #ffffff1b;border-radius:10px;color:#e5ece9;font-size:11px;line-height:1.8;}
.generation-admin-filters>button {min-height:44px;}
.generation-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;margin:20px 0 25px;min-width:0;}
.generation-card {display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid #ffffff15;border-radius:15px;overflow:hidden;background:#191e21;text-align:left;padding:0;color:#f1ece9;}
.generation-cover {position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#252729;flex:0 0 auto;}
.generation-cover:after {content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0d1319a8);pointer-events:none;}
.generation-cover>img {display:block;width:100%;height:100%;object-fit:cover;}
.generation-cover .generation-badge {position:absolute;z-index:1;right:8px;top:8px;}
.generation-capability {position:absolute;z-index:1;left:10px;bottom:9px;max-width:calc(100% - 20px);font-size:9px;line-height:1.6;color:#f0ece8;overflow-wrap:anywhere;}
.generation-badge,.generation-status {display:inline-flex;align-items:center;max-width:100%;border:1px solid #ffffff26;border-radius:5px;background:#192026e0;color:#b8c9d0;font-size:9px;line-height:1.6;padding:3px 7px;overflow-wrap:anywhere;}
.generation-badge[data-state=vip],.generation-status[data-state=restricted] {color:#f3c8b2;border-color:#e0b89b3d;background:#3b2e26e8;}
.generation-card-body {padding:13px 12px 14px;min-width:0;display:flex;flex:1;flex-direction:column;width:100%;}
.generation-card-body>.generation-code {font-size:8px;color:#98aab4;}
.generation-card-body h2,.generation-card-body>strong {font-size:14px;line-height:1.5;font-weight:550;margin:7px 0;letter-spacing:-.02em;overflow-wrap:anywhere;}
.generation-card-body p {font-size:10px!important;line-height:1.8!important;color:#9eafb8!important;margin:0 0 12px!important;overflow-wrap:anywhere;}
.generation-card-meta {display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:auto;font-size:9px;line-height:1.8;color:#c0c9c7;font-variant-numeric:tabular-nums;}
.generation-card-meta>span:first-child {color:#f0b9ca;}
.generation-form-layout {display:grid;gap:20px;min-width:0;}
.generation-template-summary,.generation-form {min-width:0;}
.generation-template-cover {display:block;width:100%;max-height:250px;aspect-ratio:16/10;object-fit:cover;border:1px solid #ffffff19;border-radius:15px;background:#1c2325;}
.generation-facts {display:flex;gap:8px 16px;flex-wrap:wrap;margin:13px 0;font-size:10px;line-height:1.8;color:#a2b4bd;}
.generation-field {display:flex;flex-direction:column;gap:9px;min-width:0;margin:19px 0;font-size:12px;line-height:1.8;color:#d8e0dd;}
.generation-field>label,.generation-field>legend {font-size:12px;font-weight:500;line-height:1.8;color:#d8e0dd;overflow-wrap:anywhere;}
.generation-required {font-size:9px;color:#ce9eb0;font-weight:400;margin-left:5px;}
.generation-field :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select),.generation-editor .field :is(input,select,textarea) {width:100%;max-width:100%;min-width:0;padding:12px 13px;border:1px solid #ffffff1d;border-radius:10px;background:#1c2428;color:#e2e9e6;font:inherit;font-size:12px;line-height:1.8;min-height:46px;}
.generation-field textarea {resize:vertical;min-height:124px;}
.generation-field :is(input,textarea,select):focus-visible,.generation-editor :is(input,textarea,select):focus-visible {outline:2px solid #e9a1b8;outline-offset:3px;}
.generation-field :is(input,textarea,select)[aria-invalid=true] {border-color:#df8d9a;}
.generation-field :is(input,textarea)::placeholder {color:#7f959e;opacity:1;}
.generation-field>small,.generation-field .generation-help {font-size:10px;line-height:1.9;color:#8ea5b1;overflow-wrap:anywhere;}
.generation-field-error {margin:0!important;font-size:11px!important;line-height:1.9!important;color:#efb7c0!important;overflow-wrap:anywhere;}
.generation-field-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px;min-width:0;}
.generation-upload {display:flex;flex-direction:column;gap:11px;padding:18px 14px;border:1px dashed #c5abb23d;border-radius:14px;background:#ffffff02;min-width:0;}
.generation-upload>small {font-size:10px;line-height:1.9;color:#98adb8;overflow-wrap:anywhere;}
.generation-upload input[type=file] {display:block;width:100%;max-width:100%;min-width:0;min-height:44px;color:#b8c6cb;font-family:inherit;font-size:10px;line-height:1.8;overflow:hidden;}
.generation-upload input[type=file]::file-selector-button {min-height:44px;padding:10px 12px;border:1px solid #ffffff20;border-radius:9px;background:#30383c;color:#f2ecea;font-size:11px;margin-right:11px;cursor:pointer;}
.generation-upload[data-state=error] {border-color:#d996a7;}
.generation-upload[data-state=loading] {border-style:solid;border-color:#9cb5c153;}
.generation-assets {list-style:none;margin:13px 0;padding:0;}
.generation-assets>li {display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff14;min-width:0;}
.generation-assets :is(img,video) {display:block;width:52px;height:62px;object-fit:cover;border-radius:7px;background:#212b30;flex:0 0 auto;}
.generation-assets>li>span {flex:1;min-width:0;}
.generation-assets strong {font-size:11px;font-weight:500;line-height:1.8;color:#d5dfda;overflow-wrap:anywhere;display:block;}
.generation-assets small {font-size:9px;line-height:1.8;color:#8fa8b3;display:block;margin-top:4px;overflow-wrap:anywhere;}
.generation-assets button {min-height:44px;min-width:44px;padding:8px;color:#d5a9b9;font-size:10px;flex:0 0 auto;}
.generation-quality {padding:0;border:0;margin:21px 0;display:flex;gap:10px;flex-wrap:wrap;min-width:0;}
.generation-quality legend {display:block;width:100%;font-size:12px;line-height:1.8;color:#d6dfdb;margin-bottom:12px;}
label.generation-quality {font-size:12px;line-height:1.8;color:#d6dfdb;}
.generation-quality>select {display:block;width:100%;max-width:100%;min-width:0;min-height:46px;padding:12px 13px;border:1px solid #ffffff1d;border-radius:10px;background:#1c2428;color:#e2e9e6;font-family:inherit;font-size:12px;line-height:1.8;}
.generation-quality>label {display:flex;align-items:center;gap:8px;flex:1;min-width:110px;padding:13px 11px;border:1px solid #ffffff1d;border-radius:11px;background:#1a2226;color:#c5d2d5;font-size:11px;line-height:1.8;flex-wrap:wrap;}
.generation-quality label:has(input:checked) {border-color:#e9a1b875;background:#f0698c09;}
.generation-quality label[data-locked=true] {border-style:dashed;color:#abacae;}
.generation-quality input {width:16px;height:16px;accent-color:#f0698c;flex:0 0 16px;}
.generation-quality label>span {font-size:9px;color:#a7a9ab;margin-left:auto;}
.generation-alert {padding:14px 15px;border:1px solid #c9b1992c;border-radius:11px;background:#c9b19906;font-size:11px!important;line-height:1.9!important;color:#cdbca9!important;overflow-wrap:anywhere;margin:18px 0;}
.generation-alert[data-state=error],.generation-alert[data-state=changed] {border-color:#e0a1b34a;background:#f0698c05;color:#edb2c4!important;}
.generation-alert[data-state=success] {border-color:#bad1b231;color:#c4d8ba!important;background:#bad1b205;}
.generation-quote {display:flex;align-items:center;gap:15px;flex-wrap:wrap;border:1px solid #d79cb237;border-radius:15px;background:#231e23;padding:18px 16px;margin:24px 0 10px;min-width:0;}
.generation-quote>div {flex:1;min-width:0;}
.generation-quote small {display:block;font-size:10px;line-height:1.8;color:#b2a8ae;}
.generation-quote strong {display:block;font-size:29px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#f4c1d2;line-height:1.5;margin:5px 0;overflow-wrap:anywhere;}
.generation-quote strong>span {font-size:11px;font-weight:400;letter-spacing:0;margin-left:5px;}
.generation-quote p {font-size:10px!important;line-height:1.9!important;color:#aeafb4!important;margin:6px 0!important;overflow-wrap:anywhere;}
.generation-quote>button {min-height:46px;width:100%;}
.generation-confirm {min-width:0;}
.generation-confirm>p {font-size:11px!important;line-height:1.9!important;overflow-wrap:anywhere;}
.generation-confirm .generation-alert:empty {display:none;}
#generationFileStatus[data-state=error] {color:#edb2c4!important;}
#generationFileStatus[data-state=loading] {color:#b7cbd3!important;}
.generation-cost-lines {margin:18px 0;padding:0;}
.generation-cost-lines>div {display:flex;justify-content:space-between;align-items:start;gap:18px;border-bottom:1px solid #ffffff15;padding:12px 0;font-size:11px;line-height:1.8;}
.generation-cost-lines dt {color:#a3b2ba;flex:1;min-width:0;}
.generation-cost-lines dd {margin:0;max-width:65%;color:#dce5df;text-align:right;overflow-wrap:anywhere;}
.generation-cost-lines>.generation-cost-total {border-bottom:0;padding:18px 0;align-items:center;}
.generation-cost-total dd {font-size:23px;line-height:1.5;font-variant-numeric:tabular-nums;color:#f3bdd0;}
.generation-actions {display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-width:0;margin:18px 0 6px;}
.generation-actions>button,.generation-actions>a {min-height:44px;min-width:0;padding:11px 13px;font-size:11px;line-height:1.7;overflow-wrap:anywhere;}
.generation-confirm .generation-actions>* {flex:1;}
.generation-page button:disabled,.generation-admin button:disabled {opacity:.48;cursor:not-allowed;}
.generation-page :is(button,a,input,textarea,select):focus-visible,.generation-admin :is(button,a):focus-visible {outline:2px solid #e6b1c2;outline-offset:3px;}
.generation-task-heading {text-align:center;margin:25px 0;}
.generation-task-heading h1 {font-size:25px;font-weight:550;letter-spacing:-.035em;line-height:1.5;overflow-wrap:anywhere;}
.generation-task-heading p {font-size:11px;line-height:1.9;color:#9cb1bb;}
.generation-status[data-state=running],.generation-status[data-state=confirmed] {color:#b2c8d3;border-color:#a8c2d033;}
.generation-status[data-state=unknown],.generation-status[data-state=draft] {color:#cec0d5;border-color:#beb0ce38;}
.generation-status[data-state=failed],.generation-status[data-state=disabled],.generation-status[data-state=blocked] {color:#e4abbc;border-color:#df9cb93b;}
.generation-status[data-state=succeeded],.generation-status[data-state=published],.generation-status[data-state=active],.generation-status[data-state=refunded] {color:#c1d5b7;border-color:#b5cca734;}
.generation-status[data-state=archived] {color:#abb2b8;border-color:#ffffff18;}
.generation-state-list,.generation-task-facts {margin:21px 0;border:1px solid #ffffff16;border-radius:14px;background:#1a2023;padding:8px 16px;min-width:0;}
.generation-state-row {display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff11;padding:13px 0;font-size:11px;line-height:1.9;min-width:0;}
.generation-state-row:last-child {border:0;}
.generation-state-row dt {color:#94acb8;min-width:0;flex:1;}
.generation-state-row dd {color:#d5ded9;max-width:65%;margin:0;min-width:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.generation-result-locked {border:1px dashed #c3a6b13b;border-radius:14px;background:#ffffff02;padding:23px 18px;margin:24px 0;}
.generation-result-locked h2 {font-size:17px;line-height:1.6;font-weight:550;color:#e5d4db;}
.generation-result-locked p {font-size:11px;line-height:1.9;color:#a5b3bd;}
.generation-result {margin:20px 0;min-width:0;}
.generation-result :is(img,video) {display:block;width:100%;max-height:380px;object-fit:contain;background:#090e11;border-radius:15px;border:1px solid #ffffff19;}
.generation-empty {text-align:center;padding:32px 18px;border:1px solid #ffffff15;border-radius:16px;background:#ffffff02;margin:21px 0;min-width:0;}
.generation-empty:not(:has(>img)):before {content:"";display:block;width:144px;max-width:65%;height:108px;background:url("assets/generation/empty-templates.svg") center/contain no-repeat;margin:0 auto 18px;}
.generation-empty>img {display:block;width:144px;max-width:65%;height:auto;margin:0 auto 18px;}
.generation-empty h2,.generation-empty h3 {font-size:19px;font-weight:550;line-height:1.6;letter-spacing:-.02em;color:#dde4dd;margin:12px 0;overflow-wrap:anywhere;}
.generation-empty p {font-size:11px!important;line-height:1.9!important;color:#96aeb8!important;max-width:35em;margin:12px auto 18px!important;overflow-wrap:anywhere;}
.generation-empty button {min-height:44px;}
.generation-page[data-view=unavailable] {padding:26px 20px;border:1px solid #ffffff17;border-radius:16px;background:#ffffff02;margin:12px 0;}
.generation-page[data-view=unavailable] h1 {font-size:25px;line-height:1.5;letter-spacing:-.035em;}
.generation-page[data-view=unavailable] p {font-size:12px;line-height:1.9;color:#a1b3bd;overflow-wrap:anywhere;}
.generation-page[data-view=unavailable] button {min-height:44px;}
/* Compatibility with the existing task/advertisement fact rows. */
.route-panel:has([data-task-generation]) .state-lines {border-color:#ffffff17;background:#1a2023;}
.route-panel:has([data-task-generation]) .state-lines>div {font-size:11px;line-height:1.9;gap:14px;}
.route-panel:has([data-task-generation]) .state-lines>div>span {min-width:0;overflow-wrap:anywhere;}
.route-panel:has([data-task-generation]) .state-lines span:last-child {color:#e1b1c3;text-align:right;}
.route-panel:has([data-task-generation]) .orb {background:radial-gradient(circle at 30% 25%,#f4d6ce,#c18c9f 45%,#52454f 75%);box-shadow:0 0 60px #c18c9f24;}
/* Official template and task editors use their own preview, not the player preset iframe. */
.admin-grid:has(#generationEditor:not([hidden])),.admin-grid:has(#generationTasksEditor:not([hidden])) {display:block;max-width:1440px;}
.admin-grid:has(#generationEditor:not([hidden]))>.preset-sidebar,.admin-grid:has(#generationEditor:not([hidden]))>.preview-column,
.admin-grid:has(#generationTasksEditor:not([hidden]))>.preset-sidebar,.admin-grid:has(#generationTasksEditor:not([hidden]))>.preview-column {display:none;}
.admin-grid:has(#generationEditor:not([hidden]))>.editor-column,.admin-grid:has(#generationTasksEditor:not([hidden]))>.editor-column {width:100%;max-width:none;min-width:0;padding-right:0;}
.generation-admin-layout {display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px;min-width:0;align-items:start;}
.generation-template-list {min-width:0;border:1px solid #ffffff16;border-radius:14px;background:#171d20;padding:10px;}
.generation-template-item {display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:10px;padding:14px 11px;margin:2px 0;min-width:0;background:transparent;}
.generation-template-item:is(.selected,[aria-current=true]) {border-color:#dba5b449;background:#f0698c08;}
.generation-template-item strong {display:block;font-size:12px;font-weight:500;line-height:1.8;color:#dce4df;overflow-wrap:anywhere;}
.generation-template-item small {display:block;font-size:9px;line-height:1.9;color:#8fa8b3;overflow-wrap:anywhere;margin:5px 0;}
.generation-editor {min-width:0;border:1px solid #ffffff16;border-radius:15px;background:#171c1f;padding:24px;}
.generation-editor-heading {display:flex;justify-content:space-between;align-items:center;gap:13px;min-width:0;flex-wrap:wrap;}
.generation-editor-heading h2 {font-size:23px;font-weight:550;line-height:1.5;letter-spacing:-.035em;overflow-wrap:anywhere;margin:4px 0;}
.generation-editor .field {min-width:0;color:#a5b6bf;}
.generation-editor .field-grid {min-width:0;}
.generation-editor .field textarea {min-height:92px;resize:vertical;}
.generation-editor label:not(.generation-field):not([for]),.generation-heading .generation-actions>label {display:flex;flex-direction:column;gap:9px;min-width:0;font-size:11px;line-height:1.9;color:#a5b7c0;margin:13px 0;}
.generation-heading .generation-actions>label {margin:0;min-width:170px;}
.generation-editor label:not(.generation-field) :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.generation-heading .generation-actions>label>select {display:block;width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid #ffffff1d;border-radius:10px;background:#1c2428;color:#e2e9e6;font-family:inherit;font-size:12px;line-height:1.8;min-height:46px;}
.generation-editor input[type=checkbox] {width:17px;height:17px;min-height:17px;accent-color:#f0698c;align-self:flex-start;}
.generation-field-card {border:1px solid #ffffff17;border-radius:13px;background:#1b2226;padding:17px;margin:14px 0;min-width:0;}
.generation-field-card>header {display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
.generation-field-card h3 {font-size:14px;line-height:1.8;font-weight:500;margin:0;color:#dce3de;overflow-wrap:anywhere;}
.generation-field-card h4 {font-size:13px;line-height:1.8;font-weight:500;margin:0 0 12px;color:#dce3de;overflow-wrap:anywhere;}
.generation-field-card textarea[data-gen-field] {font:11px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace!important;min-height:230px;resize:vertical;}
.generation-field-card p {font-size:10px;line-height:1.9;color:#8fa7b2;overflow-wrap:anywhere;}
.generation-field-card .field {margin:13px 0;}
.generation-editor details {margin:16px 0;font-size:11px;line-height:1.9;color:#a2b7c1;min-width:0;}
.generation-editor summary {min-height:44px;padding:11px 0;cursor:pointer;overflow-wrap:anywhere;}
.generation-editor details textarea {width:100%;max-width:100%;min-width:0;border:1px solid #ffffff1b;border-radius:10px;background:#10171b;color:#b2c3cb;padding:13px;font:11px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;min-height:220px;resize:vertical;}
.generation-admin-preview {border:1px dashed #d4a3b235;border-radius:14px;background:#ffffff02;padding:22px;margin:24px 0 4px;min-width:0;}
.generation-admin-preview:empty {display:none;}
.generation-admin-preview>p {font-size:11px;line-height:1.9;color:#a8b7bf;overflow-wrap:anywhere;}
.generation-admin-preview>h3 {font-size:15px;font-weight:550;line-height:1.7;color:#e0c4ce;margin:0 0 17px;}
.generation-admin-preview .generation-template-cover {max-height:240px;}
.generation-admin-preview .generation-page {max-width:600px;margin:auto;}
.generation-editor>section.generation-quality>h3 {width:100%;font-size:16px;font-weight:500;line-height:1.8;margin:14px 0 2px;color:#d8e0dd;}
.generation-editor>section.generation-quality>.generation-field-card {width:100%;margin:0;}
.generation-table-wrap {max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #ffffff17;border-radius:13px;background:#191f22;margin:22px 0;}
.generation-table {width:100%;min-width:700px;border-collapse:collapse;text-align:left;font-size:11px;line-height:1.8;}
.generation-table caption {text-align:left;padding:13px 15px;color:#a9bdc5;font-size:11px;}
.generation-table th {text-align:left;font-size:10px;font-weight:500;color:#95afbd;white-space:nowrap;padding:14px 13px;background:#20292d;}
.generation-table td {max-width:270px;padding:14px 13px;border-top:1px solid #ffffff13;vertical-align:top;color:#c6d4d5;overflow-wrap:anywhere;}
.generation-table td small {display:block;font-size:9px;color:#91aab6;line-height:1.9;margin-top:5px;overflow-wrap:anywhere;}
.generation-table td button {min-height:44px;font-size:10px;padding:9px 12px;}
.generation-task-detail,.generation-snapshot {min-width:0;padding:21px;border:1px solid #ffffff17;border-radius:14px;background:#171d20;margin:22px 0;}
.generation-task-detail h2,.generation-snapshot h3 {font-size:18px;font-weight:550;line-height:1.7;color:#dae3dd;overflow-wrap:anywhere;}
.generation-task-detail p,.generation-snapshot p {font-size:11px;line-height:1.9;color:#9ab2bd;overflow-wrap:anywhere;}
.generation-admin pre,.generation-snapshot pre {max-width:100%;font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:15px;border:1px solid #ffffff16;border-radius:10px;background:#10171b;color:#aebfc7;}
.generation-admin code {font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b4c0c7;overflow-wrap:anywhere;}
.generation-note {font-size:10px!important;line-height:1.9!important;color:#91a7b3!important;overflow-wrap:anywhere;margin:13px 0;}
.generation-admin-card {padding:21px;border:1px solid #ffffff17;border-radius:14px;background:#191f22;margin:20px 0;min-width:0;}
.generation-admin-card h2 {font-size:19px;font-weight:550;line-height:1.7;margin:0 0 17px;color:#dce4de;overflow-wrap:anywhere;}
.generation-admin-card p {font-size:11px;line-height:1.9;color:#9bb1bd;overflow-wrap:anywhere;}
.generation-task-row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff14;min-width:0;}
.generation-task-row>div {min-width:0;}
.generation-task-row strong {display:block;font-size:12px;font-weight:500;line-height:1.8;color:#dce3df;overflow-wrap:anywhere;}
.generation-task-row small {display:block;font-size:10px;line-height:1.9;color:#91a9b6;overflow-wrap:anywhere;margin:5px 0;}
.generation-task-row button {min-height:44px;padding:10px 12px;font-size:10px;}
.route-panel:has(.generation-page)>.route-top {background:#101112;z-index:2;}
.route-panel:has(.generation-page)>.route-top:before {content:"";position:absolute;z-index:-1;inset:-24px -22px 0;background:#101112;pointer-events:none;}
.phone:has(.generation-page[data-view=form]) .reminder-dock,.phone:has(.generation-page[data-view=wait]) .reminder-dock,.phone:has([data-task-generation]) .reminder-dock {display:none;}
@media(max-width:1099px){.generation-admin-layout{grid-template-columns:1fr;gap:18px}.generation-template-list{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.generation-template-item{flex:0 0 210px;max-width:70vw;margin:0}.generation-editor{padding:21px}}
@media(max-width:600px){
 .generation-heading{gap:12px}.generation-heading h1{font-size:27px}.generation-heading>img{width:85px;height:110px}.generation-admin>.generation-heading{align-items:flex-start;flex-direction:column}.generation-heading .generation-actions{margin:0;width:100%}.generation-heading .generation-actions>*{flex:1}
 .generation-grid{gap:12px 10px}.generation-card-body{padding:12px 10px}.generation-card-body h2{font-size:13px}.generation-card-body p{font-size:9px!important}.generation-card-meta{font-size:9px}
 .generation-field-grid{grid-template-columns:1fr;gap:0}.generation-editor .field-grid{grid-template-columns:1fr;gap:0}.generation-field{margin:17px 0}.generation-editor{padding:17px}.generation-field-card{padding:14px}.generation-admin-preview{padding:15px}
 .generation-field :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select),.generation-editor .field :is(input,select,textarea),.generation-quality>select{font-size:16px}
 .generation-editor label:not(.generation-field) :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.generation-heading .generation-actions>label>select{font-size:16px}.generation-heading .generation-actions>label{flex-basis:100%}
 .generation-admin-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.generation-admin-filters>button{width:100%}
 .generation-table-wrap{border:0;border-radius:0;overflow:visible;background:transparent}.generation-table{display:block;min-width:0;width:100%}.generation-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.generation-table tbody{display:block;width:100%}.generation-table tbody>tr{display:block;border:1px solid #ffffff16;border-radius:13px;background:#191f22;margin:14px 0;padding:9px 13px;min-width:0}.generation-table td{display:grid;grid-template-columns:80px minmax(0,1fr);gap:5px 10px;width:100%;max-width:none;padding:11px 0;border:0;border-bottom:1px solid #ffffff0d;min-width:0}.generation-table td:before{content:attr(data-label);font-size:10px;line-height:1.8;color:#8fa9b7;overflow-wrap:anywhere}.generation-table td>small,.generation-table td>button{grid-column:2}.generation-table td>button{min-width:0}.generation-table tr td:last-child{border:0}
 .generation-task-detail,.generation-snapshot,.generation-admin-card{padding:17px}.generation-actions>*{flex:1}.generation-editor-heading h2{font-size:21px}.generation-state-row{font-size:10px}.generation-state-row dd{max-width:65%}
 .generation-admin .generation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.generation-admin .generation-heading .generation-actions>label{grid-column:1/-1;min-width:0}.generation-admin .generation-actions>button{width:100%;min-height:44px}
}
@media(max-width:350px){.generation-heading>img{display:none}.generation-grid{grid-template-columns:1fr;gap:14px}.generation-cover{aspect-ratio:16/10}.generation-card-body h2{font-size:15px}.generation-card-body p{font-size:10px!important}.generation-card-meta{font-size:10px}.generation-editor{padding:14px}.generation-field-card{padding:12px}.generation-table td{grid-template-columns:66px minmax(0,1fr);gap:5px 8px}.generation-quality>label{min-width:100%;flex:1}.generation-upload{padding:15px 11px}.generation-task-facts,.generation-state-list{padding:7px 13px}}
@media(max-width:350px){.generation-task-detail .generation-actions{grid-template-columns:1fr}}
@media(hover:hover){.generation-card:hover{border-color:#ddaabb4d;background:#202427}.generation-tabs>button:hover{border-color:#d1a9b547}}
@media(prefers-reduced-motion:no-preference){.generation-card,.generation-tabs>button{transition:transform .2s ease-out,border-color .2s ease-out,background-color .2s ease-out}.generation-card:active{transform:scale(.985)}.generation-page button:active,.generation-admin button:active{transform:scale(.985);transition:transform .16s ease-out}.generation-upload[data-state=loading]{animation:gen-upload-breathe 2.5s ease-in-out infinite}@keyframes gen-upload-breathe{50%{border-color:#d9a5b676}}}