.generator-layout,.storyboard-controls,.shot-grid,.shot-card,.shot-output,.prompt-library,.saved-list,.saved-card,.storyboard-output,.tool-navigation,.inline-field{min-width:0}.generator-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.generator-layout button,#storyboard-form button,.storyboard-output button,.prompt-library button{overflow-wrap:anywhere;min-width:44px;max-width:100%;min-height:44px}.generator-layout .btn,#storyboard-form .btn,.storyboard-output .btn{min-height:48px}.generator-layout .btn-row,.storyboard-controls .btn-row,.storyboard-output .btn-row{min-width:0}.tool-navigation{flex-wrap:wrap;gap:8px;margin:24px 0 0;display:flex}.tool-navigation a{border:1px solid var(--line);min-height:44px;color:var(--muted);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;padding:9px 15px;font-size:14px;line-height:1.4;display:inline-flex}.tool-navigation a[aria-current=page]{color:var(--purple-dark);background:var(--soft);border-color:var(--purple);font-weight:650}.mode-choice{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:0 0 22px;padding:0;display:grid}.mode-choice legend{margin-bottom:9px;padding:0;font-size:14px;font-weight:650}.mode-choice label{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:10px;min-height:48px;margin:0;padding:11px 12px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.mode-choice input[type=radio]{width:18px;height:18px;accent-color:var(--purple);flex:none;margin:0}.mode-choice label:has(input:checked){border-color:var(--purple);color:var(--purple-dark);background:var(--soft)}.mode-choice label:has(input:focus-visible){outline:3px solid var(--purple);outline-offset:3px}.field input:not([type]),.field input[type=text],.field input[type=number],.field input[type=file]{background:var(--surface);width:100%;min-width:0;min-height:46px;color:var(--ink);border:1px solid #d8d0e2;border-radius:8px;padding:11px 12px;font-size:16px;line-height:1.5;display:block}.field input[type=file]{padding:6px;overflow:hidden}.field input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--soft);min-height:44px;color:var(--purple-dark);font:inherit;cursor:pointer;border-radius:6px;margin-right:10px;padding:8px 11px;font-size:14px}.field :is(input,select,textarea)[aria-invalid=true]{border:2px solid #a51926}.generator-layout :is(.field-help,.output-label),.storyboard-controls .field-help,#storyboard-form .field-help,.shot-card .field-help,.prompt-library .field-help,.storyboard-output .field-help,.subtle-label{color:var(--muted);font-size:12px;line-height:1.6}.subtle-label{overflow-wrap:anywhere;margin-top:6px;display:block}.image-preview{border:1px solid var(--line);background:var(--canvas);border-radius:10px;margin:14px 0 20px;padding:12px}.image-preview img{object-fit:contain;border-radius:6px;width:100%;max-height:220px;display:block}.image-preview figcaption,.image-preview p{color:var(--muted);overflow-wrap:anywhere;margin:10px 0 0;font-size:12px;line-height:1.6}.optional-details{border:1px solid var(--line);background:var(--canvas);border-radius:9px;margin:18px 0 24px;padding:0 14px}.optional-details summary{min-height:48px;color:var(--ink);cursor:pointer;padding:12px 0;font-size:14px;font-weight:650;line-height:1.6}.optional-details summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:4px}.optional-details[open] summary{border-bottom:1px solid var(--line);margin-bottom:14px}.optional-details .field:last-child{margin-bottom:14px}.generator-panel details:not(.optional-details)>summary,.tool-explainer summary{cursor:pointer;min-height:44px;padding-block:10px;line-height:1.6}.generator-panel summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.generator-layout .form-bottom>div{flex-wrap:wrap;gap:8px;display:flex}.prompt-library{border-top:1px solid var(--line);margin-top:25px;padding-top:24px;padding-bottom:36px}.prompt-library h2,.prompt-library h3,.storyboard-output h2{margin-bottom:12px;font-size:22px}.inline-field{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.inline-field .field{margin-bottom:0}.inline-field input{min-width:0}.library-actions,.shot-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.library-actions{margin:15px 0}.library-actions :is(button,a),.shot-actions button,.shot-heading button{min-width:44px;min-height:44px}.saved-list{overscroll-behavior:contain;gap:12px;max-height:440px;margin:0;padding:2px 5px 5px 2px;list-style:none;display:grid;overflow-y:auto}.saved-card{border:1px solid var(--line);background:var(--canvas);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin:0;padding:14px;display:grid}.saved-card :is(strong,h4,p){overflow-wrap:anywhere}.saved-card h4,.saved-card strong{grid-column:1;margin:0;font-size:14px;line-height:1.5}.saved-card p{color:var(--muted);grid-column:1;margin:6px 0 0;font-size:12px;line-height:1.6}.saved-card .library-actions{grid-area:1/2/span 2;margin:0}.storyboard-controls{margin:0 0 24px}.storyboard-controls .generator-panel{width:100%}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;margin:24px 0;display:grid}.shot-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px}.shot-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.shot-heading :is(h2,h3,h4){overflow-wrap:anywhere;min-width:0;margin:0;font-size:22px}.shot-card .field textarea{min-height:108px}.shot-actions{margin-top:18px}.shot-output .output-box,.storyboard-output .output-box{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;max-width:100%;font-size:14px;line-height:1.75}.shot-output{border:1px solid var(--line);border-left:3px solid var(--cyan);background:var(--canvas);color:var(--ink);border-radius:8px;margin:0;padding:18px}.shot-output h3{overflow-wrap:anywhere;margin:0 0 14px;font-size:22px}.shot-output>button{margin-top:12px}.shot-output .settings-notes,.storyboard-output #continuity-output{white-space:pre-wrap;overflow-wrap:anywhere}.storyboard-output{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-block:28px 0;padding:28px}.storyboard-output .library-actions{margin-bottom:0}.form-error,.status-message,.notice{overflow-wrap:anywhere}@media (width<=780px){.generator-layout,.shot-grid{grid-template-columns:minmax(0,1fr)}.shot-grid{gap:18px}.generator-layout .field :is(textarea,select),.storyboard-controls .field :is(textarea,select),.shot-card .field :is(textarea,select){font-size:16px}}@media (width<=500px){.mode-choice,.inline-field,.saved-card{grid-template-columns:minmax(0,1fr)}.tool-navigation a{flex:150px}.shot-card,.storyboard-output{padding:20px}.shot-card .field-row{grid-template-columns:minmax(0,1fr);gap:0}.inline-field>button,.storyboard-controls .btn,.storyboard-output .btn,#clear-library-btn{width:100%}.saved-card .library-actions{grid-area:auto/1;justify-content:flex-start}.shot-output{padding:15px}}body.tool-workbench .page-intro{padding-block:32px 28px}body.tool-workbench .page-intro h1{max-width:none;font-size:clamp(34px,3.5vw,44px)}.tool-workbench .page-intro .intro-description{max-width:790px}.tool-workbench .generator-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;padding-block:32px 45px}.tool-workbench :is(.generator-panel,.shot-card,.storyboard-output){border-color:#d9cae9;border-radius:20px;box-shadow:0 10px 30px #43275408}.tool-workbench .generator-panel{padding:28px}.tool-workbench .panel-heading{align-items:center;gap:13px;margin-bottom:14px;display:flex}.tool-workbench .panel-heading h2{margin:0;font-size:24px}.tool-workbench :is(.panel-step,.shot-index){color:#6b34b7;background:#f1e6fc;border:1px solid #d2b9ef;border-radius:11px;flex:none;place-items:center;width:37px;height:37px;font-size:14px;font-weight:700;display:inline-grid}.tool-workbench .panel-description{color:#655672;margin-bottom:24px;font-size:14px;line-height:1.75}.tool-workbench .workbench-step{border-top:1px solid #e7ddec;padding-block:22px}.tool-workbench .step-heading{letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 17px;font-size:18px;display:flex}.tool-workbench .step-heading svg{color:#7134dc}.tool-workbench .step-heading h3{margin:0;font-size:19px}.tool-workbench .panel-heading .eyebrow{margin-bottom:7px}.tool-workbench .tool-navigation a{gap:8px}.tool-workbench .workbench-benefits>span{align-items:center;gap:7px;display:inline-flex}.tool-workbench .step-marker{color:#6b34b7;background:#f2e8fb;border:1px solid #d8c4eb;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;font-size:12px;display:inline-grid}.tool-workbench .result-next-step{color:#246176;background:#edf7f8;border:1px solid #bfd9df;border-radius:10px;align-items:flex-start;gap:12px;margin-top:20px;padding:13px 15px;font-size:13px;line-height:1.7;display:flex}.tool-workbench .result-next-step strong,.tool-workbench .result-next-step a{display:block}.tool-workbench :is(.output-structure,.output-notes){background:#faf7fd;border:1px solid #dfd2eb;border-radius:10px;margin-top:16px;padding:4px 15px 15px}.tool-workbench .starter-box{background:linear-gradient(135deg,#eff4f9,#f5eefb);border:1px solid #d4d8e9;border-radius:12px;margin-bottom:22px;padding:19px}.tool-workbench .starter-box .field{margin-bottom:12px}.tool-workbench .workbench-benefits,.tool-workbench .tool-hero-meta{color:#5b4b70;flex-wrap:wrap;gap:8px 16px;margin:18px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.tool-workbench .workbench-benefits li,.tool-workbench .tool-hero-meta li{align-items:center;gap:7px;margin:0;display:flex}.tool-workbench .tool-hero-meta>span{align-items:center;gap:7px;display:inline-flex}.tool-workbench .tool-navigation a{color:#563b73;background:#ffffff70;border-color:#a98cbd;min-height:46px}.tool-workbench .tool-navigation a[aria-current=page]{color:#fff;background:#7134dc;border-color:#7134dc}.tool-workbench .tool-navigation a:hover:not([aria-current=page]){background:#e5d6f5}.tool-workbench .mode-choice label{background:#fff;border-color:#bda9d3}.tool-workbench .mode-choice label:has(input:checked){color:#5724b0;background:#f2e8ff;border-color:#7134dc}.tool-workbench .field label{font-size:14px}.tool-workbench .field :is(input:not([type=radio]),textarea,select){border-color:#c4b4d6;font-size:16px}.tool-workbench .field :is(input,textarea,select):focus{border-color:#7134dc}.tool-workbench .field :is(input,textarea,select)[aria-invalid=true]{border-color:#a51926}.tool-workbench .field textarea{background:#fff}.tool-workbench .field-help{font-size:12px}.tool-workbench .template-guidance{background:#eef6f8;border:1px solid #bbd5de;border-radius:10px;margin-bottom:14px;padding:13px 15px}.tool-workbench .template-guidance p{color:#31596a;margin:0 0 10px;font-size:13px;line-height:1.75}.tool-workbench .planning-tips{color:#536174;margin:0;padding-left:20px;font-size:13px;line-height:1.8}.tool-workbench .planning-tips li{margin-block:7px}.tool-workbench .production-review{background:#f1f8f9;border:1px solid #c4dce2;border-radius:12px;margin-top:22px;padding:20px}.tool-workbench .production-review h3{color:#31596a;margin-bottom:12px;font-size:18px}.tool-workbench .production-review>summary{color:#31596a;cursor:pointer;min-height:44px;padding-block:8px;font-size:15px;font-weight:650;line-height:1.7}.tool-workbench .production-review[open]>summary{margin-bottom:12px}.tool-workbench .production-review .field-help{margin-bottom:14px}.tool-workbench .shot-purpose-summary{color:#5b426f;margin-bottom:15px;font-size:14px;line-height:1.75}.tool-workbench .shot-plan-notes{background:#f3f7fa;border:1px solid #d4deea;border-radius:10px;margin-top:14px;padding:6px 14px 14px}.tool-workbench .shot-plan-notes summary{color:#31596a;font-size:14px}.tool-workbench .shot-plan-notes .settings-notes{color:#536174;font-size:13px}.tool-workbench .optional-details{background:#faf7fd;border-color:#ddd0eb;border-radius:12px;padding-inline:16px}.tool-workbench .optional-details summary{color:#563b73;min-height:52px}.tool-workbench .form-bottom{gap:14px;padding-top:22px}.tool-workbench .quiet-btn{color:#5b426f;border-radius:8px;min-height:44px}.tool-workbench .quiet-btn:hover{background:#f1e7fa}.tool-workbench .btn:disabled{opacity:.55;cursor:not-allowed}.tool-workbench .output-empty{text-align:left;background:linear-gradient(145deg,#f4eafb,#edf4f9);border:1px solid #d7c6e9;margin-top:21px;padding:26px 22px}.tool-workbench .output-empty .empty-icon{margin:0 0 15px}.tool-workbench .output-empty p{max-width:none;margin-left:0}.tool-workbench .output-preview{background:#fff;border:1px solid #dfd3ec;border-radius:12px;margin-top:20px;padding:20px}.tool-workbench .preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tool-workbench .preview-heading :is(span,small){color:#6b34b7;font-size:12px;font-weight:650}.tool-workbench .preview-heading h3{margin:0;font-size:19px}.tool-workbench .preview-structure{gap:13px;margin:15px 0 0;font-size:14px;line-height:1.75;display:grid}.tool-workbench .preview-structure dt{color:#6b34b7;margin:0 0 3px;font-size:12px;font-weight:650}.tool-workbench .preview-structure dd{color:#655672;margin:0}.tool-workbench .output-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.tool-workbench .result-state{color:#205a49;background:#edf8f3;border:1px solid #9ac8bf;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:650}.tool-workbench .result-state[data-state=stale]{color:#765111;background:#fff6e4;border-color:#d9bb7d}.tool-workbench .output-box{color:#f3effa;background:#2d3157;border:1px solid #73729b;border-radius:12px;padding:23px;line-height:1.85}.tool-workbench .result-toolbar{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.tool-workbench .result-toolbar>:is(button,a){min-height:46px}.tool-workbench :is(.stale-notice,.result-stale){color:#765111;background:#fff6e4;border:1px solid #d9bb7d;border-radius:10px;margin-block:16px;padding:15px 17px;font-size:14px;line-height:1.7}.tool-workbench :is(.stale-notice,.result-stale) p{margin:0 0 10px}.tool-workbench :is(.stale-notice,.result-stale) button{color:#66400e;background:#fffaf0;border-color:#b58d46}.tool-workbench .save-draft-details{border-top:1px solid #e5d9ef;margin-top:24px;padding-top:8px}.tool-workbench .save-draft-details>summary{color:#563b73;cursor:pointer;min-height:48px;padding-block:12px;font-size:14px;font-weight:650}.tool-workbench .save-draft-details .prompt-library{border:0;margin-top:12px;padding-top:0}.tool-workbench .saved-card{background:#faf7fd;border-color:#ddcde9;border-radius:12px}.tool-workbench .tool-stepper{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.tool-workbench .tool-stepper a{color:#563b73;background:#ffffff73;border:1px solid #aa90c0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:14px;display:inline-flex}.tool-workbench .tool-stepper a:hover{background:#e5d6f5}.tool-workbench .tool-editor-section{padding-block:32px 45px}.tool-workbench .workbench-summary{color:#563b73;background:#f2ebfa;border:1px solid #deceed;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;padding:16px 20px;font-size:14px;display:flex}.tool-workbench .workbench-summary p{margin:0}.tool-workbench .shot-list-heading{justify-content:space-between;align-items:center;gap:20px;margin-top:32px;display:flex}.tool-workbench .shot-list-heading h2{margin:0}.tool-workbench .shot-timeline{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.tool-workbench .shot-timeline-link{color:#51366d;background:#fff;border:1px solid #bca5d2;border-radius:11px;flex:130px;align-items:center;gap:10px;min-height:60px;padding:10px 13px;font-size:14px;display:inline-flex}.tool-workbench .shot-timeline-link:hover{background:#f0e7fa;border-color:#8d63b5}.tool-workbench .shot-timeline-number{color:#6b34b7;background:#f0e5fb;border-radius:7px;flex:none;place-items:center;width:54px;height:32px;font-size:12px;font-weight:700;display:inline-grid}.tool-workbench .shot-timeline-state{color:#655672;font-size:12px}.tool-workbench .shot-timeline-link[data-complete=true]{background:#f5faf8;border-color:#9cc5bd}.tool-workbench .shot-timeline-link[data-complete=true] .shot-timeline-state{color:#205a49}.tool-workbench .shot-heading{gap:10px}.tool-workbench .shot-heading h3{flex:1;font-size:22px}.tool-workbench .shot-card{border-top:3px solid #b39ad0}.tool-workbench .shot-card:focus-within{border-color:#9f7bc5;box-shadow:0 8px 24px #7134dc0c}.tool-workbench .field-error{color:#a51926;margin-top:6px;font-size:13px;line-height:1.6}.tool-workbench .shot-output{background:#faf7fd;border-color:#d9cae9 #d9cae9 #d9cae9 #087b94;border-radius:14px}.tool-workbench .storyboard-output{padding:30px}.tool-workbench .storyboard-output .section-heading{align-items:flex-start}.tool-workbench :is(#output-heading,#storyboard-output-heading):focus{outline-offset:6px;border-radius:3px;outline:2px solid #7134dc}@media (width>=1100px){.tool-workbench .generator-layout>section:last-child{position:sticky;top:24px}}@media (width<=780px){.tool-workbench .generator-layout{grid-template-columns:minmax(0,1fr);gap:22px}.tool-workbench .generator-panel{padding:25px}.tool-workbench .shot-list-heading{align-items:flex-start}}@media (width<=500px){.tool-workbench .generator-panel,.tool-workbench .storyboard-output{padding:21px}.tool-workbench .panel-heading h2{font-size:22px}.tool-workbench .starter-box{padding:16px}.tool-workbench .result-toolbar>:is(button,a){flex:125px}.tool-workbench .output-box{padding:18px;font-size:14px}.tool-workbench .preview-heading{flex-direction:column;align-items:flex-start}.tool-workbench .shot-list-heading{flex-direction:column;gap:14px}.tool-workbench .shot-list-heading>button{align-self:stretch}.tool-workbench .shot-timeline-link{flex-basis:130px;padding:10px}}