.gen-layout{display:grid;grid-template-columns:380px 1fr;gap:1.75rem;align-items:start}.sidebar{position:sticky;top:5rem}.tabs{display:flex;gap:0.45rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{background:var(--ld-surface, #fffaf7);border:1px solid var(--ld-border);border-radius:999px;padding:0.55rem 1.1rem;font-family:var(--ld-font-body);font-size:0.88rem;font-weight:500;color:var(--ld-ink);cursor:pointer;transition:all 0.2s}.tab-btn:hover{border-color:var(--ld-accent);background:color-mix(in srgb, var(--ld-accent) 10%, white 90%)}.tab-btn.is-active{background:color-mix(in srgb, var(--ld-primary) 12%, white 88%);border-color:var(--ld-primary);color:var(--ld-primary);font-weight:600}.tab-panel{display:none}.tab-panel.is-active{display:block}.script-section{margin-bottom:1.5rem}.script-section:last-child{margin-bottom:0}.script-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem}.script-title{font-family:var(--ld-font-heading);font-size:1rem;font-weight:700;color:var(--ld-ink)}.script-preview{width:100%;min-height:180px;border:1px solid var(--ld-border);border-radius:12px;padding:1rem 1.1rem;font-family:var(--ld-font-body);font-size:0.95rem;color:var(--ld-ink);background:var(--ld-surface, #fffaf7);line-height:1.65;resize:vertical;outline:none;transition:border-color 0.2s, box-shadow 0.2s}.script-preview:focus{border-color:var(--ld-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ld-accent) 18%, transparent)}.per-script-fields{display:grid;gap:0.85rem;margin-bottom:1rem}.per-script-fields .tool-form-group{margin-bottom:0}.per-script-row{display:grid;grid-template-columns:1fr 1fr;gap:0.85rem}.btn--copy{background:var(--ld-surface, #fffaf7);border:1px solid var(--ld-border);color:var(--ld-ink);padding:0.5rem 1rem;font-size:0.85rem;font-weight:600;border-radius:999px;cursor:pointer;font-family:var(--ld-font-body);transition:all 0.2s}.btn--copy:hover{border-color:var(--ld-accent);background:color-mix(in srgb, var(--ld-accent) 10%, white 90%)}.btn--copy.is-copied{background:color-mix(in srgb, var(--ld-primary) 12%, white 88%);border-color:var(--ld-primary);color:var(--ld-primary)}.copy-all-wrap{text-align:center;margin-top:1.5rem}.btn--copy-all{background:var(--ld-primary);color:var(--ld-on-primary);border:none;padding:0.84rem 2rem;font-size:0.95rem;font-weight:700;font-family:var(--ld-font-body);border-radius:999px;cursor:pointer;transition:all 0.2s;box-shadow:0 10px 18px rgba(121,90,108,0.24)}.btn--copy-all:hover{background:var(--ld-primary-hover)}.btn--copy-all.is-copied{background:var(--ld-primary-hover)}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ld-ink);color:#fff;padding:0.65rem 1.4rem;border-radius:999px;font-family:var(--ld-font-body);font-size:0.88rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity 0.3s, transform 0.3s;z-index:200}.toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width: 900px){.gen-layout{grid-template-columns:1fr}.sidebar{position:static}}@media (max-width: 520px){.per-script-row{grid-template-columns:1fr}.tabs{gap:0.35rem}.tab-btn{padding:0.45rem 0.85rem;font-size:0.82rem}}@media (prefers-reduced-motion: reduce){.tab-btn,.script-preview,.btn--copy,.btn--copy-all,.toast{animation:none !important;transition:none !important}}
