.generator-main,.library-main{padding-bottom:70px}.generator-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:45px;padding-bottom:34px}.generator-heading h1{font-size:clamp(2.5rem,4vw,4.1rem);margin:16px 0}.generator-heading p:not(.eyebrow){color:var(--muted);margin-bottom:0}.generator-heading>.text-link{white-space:nowrap}.generator-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px}.generator-settings{display:flex;gap:14px}.generator-settings label,.generator-preview-heading>label,.library-controls label,.work-dialog label{display:flex;flex-direction:column;gap:8px;font-size:.8rem;font-weight:600;min-width:0}.generator-settings select,.generator-preview-heading select,.role-assignment select,.library-controls select,.library-controls input,.work-dialog input,.work-dialog select,.work-dialog textarea{background:#fff;color:var(--ink);border:1px solid #92968a;border-radius:7px;font-size:.9rem;padding:12px;min-height:45px;width:100%;max-width:100%}.work-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.work-actions .button{font-size:.82rem;gap:8px;min-height:45px;padding:11px 15px}.button:disabled{opacity:.5}.generator-toolbar kbd{font:inherit;font-size:.68rem;border:1px solid #ffffff70;border-radius:4px;padding:3px 5px}.generator-message{font-size:.8rem;margin:20px auto;min-height:23px;color:var(--muted)}.generator-swatches{display:grid;grid-template-columns:repeat(var(--count,5),minmax(0,1fr));margin:0 32px;border-radius:19px;overflow:hidden;border:1px solid #0002}.generator-color{background:var(--color);color:var(--color-ink);min-width:0;padding:20px 18px;display:flex;flex-direction:column;position:relative;min-height:355px}.generator-color :focus-visible{outline-color:var(--color-ink);outline-offset:3px}.generator-color button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:6px;font-size:.73rem;min-height:34px;padding:7px 10px}.generator-color-top{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;gap:8px}.generator-color-top button[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor;font-weight:700}.generator-color-sample{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;flex:1;padding:24px 0}.generator-copy{border:0!important;padding:3px!important;font-family:monospace;font-size:1.25rem!important}.generator-aa{font-family:Georgia,serif;font-size:clamp(2.5rem,5.5vw,5.5rem);font-weight:400;letter-spacing:-.08em;line-height:1.05}.generator-color-edit{display:flex;gap:7px}.generator-color-edit input{background:transparent;color:inherit;border:1px solid currentColor;border-radius:5px;min-height:38px;min-width:0}.generator-color-edit input:not([type=color]){width:100%;font: .83rem monospace;text-align:center}.generator-color-edit input[type=color]{width:40px;flex-shrink:0;padding:4px;cursor:pointer}.generator-color-error{font-size:.73rem;line-height:1.4;margin-top:5px}.generator-color-error:empty{display:none}.generator-move{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:12px}.generator-move span{font-size:.63rem;line-height:1.4;text-align:center}.generator-move button{font-size:1rem;padding:4px 8px;min-width:32px}.generator-move button:disabled{opacity:.35}.generator-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}.generator-bottom>p{font-size:.78rem;color:var(--muted);max-width:360px;margin:0}.generator-preview{padding-top:65px}.generator-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.generator-preview-heading h2{font-size:2.6rem;margin-bottom:12px}.generator-preview-heading p:not(.eyebrow){color:var(--muted);font-size:.95rem;max-width:650px;margin-bottom:0}.generator-preview-heading>label{min-width:140px}.generator-preview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.generator-preview-grid .mini-preview{min-height:430px;padding:38px}.generator-preview-grid .mini-nav{font-size:.85rem}.generator-preview-grid .mini-preview>strong{font-size:clamp(2.5rem,4vw,4rem)}.generator-preview-grid .mini-body{font-size:.9rem}.generator-preview-grid .mini-panel{font-size:.8rem;padding:20px}.generator-preview-grid .mini-action{padding:14px 18px}.role-assignment #gen-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-assignment label{font-size:.75rem;display:flex;flex-direction:column;gap:6px}.role-assignment #gen-pairs{font-size:.79rem;line-height:1.8}.role-assignment #gen-pairs span{display:block}.role-assignment .caption{line-height:1.7}.generator-explainer{max-width:960px;padding-top:65px}.generator-explainer h2{font-size:2rem}.generator-explainer p{color:var(--muted);font-size:.95rem}.work-dialog{width:calc(100% - 32px);max-width:640px;max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:28px;overscroll-behavior:contain}.work-dialog::backdrop{background:#171a1fcc;backdrop-filter:blur(3px)}.dialog-close{display:flex;justify-content:end;margin-bottom:18px}.work-dialog h2{font-size:2.2rem;margin-bottom:17px}.work-dialog>p{color:var(--muted);font-size:.9rem}.work-dialog label{margin-bottom:18px}.work-dialog textarea{font-weight:400;line-height:1.55;resize:vertical}.work-dialog textarea[readonly]{font-family:monospace;font-size:.78rem;background:#f0f1e8}.work-dialog [role=alert]{color:#8e1f28;font-size:.85rem}.work-dialog [data-dialog-status]{min-height:20px;font-size:.85rem}.library-privacy{background:#e9edda;border:1px solid #c4cbb3;border-radius:10px;padding:18px 22px;font-size:.85rem}.library-controls{display:grid;grid-template-columns:1.5fr 1fr auto;gap:18px;align-items:end;margin:30px 0 20px}.library-controls .work-actions{justify-content:end}.library-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.saved-direction{border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.saved-swatches{display:flex;min-height:145px}.saved-swatches span{flex:1}.saved-direction-body{padding:22px}.saved-direction .eyebrow{font-size:.66rem;color:var(--muted);overflow-wrap:anywhere}.saved-direction h2{font-size:1.55rem;overflow-wrap:anywhere}.saved-notes{font-size:.83rem;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap}.saved-direction details{margin:20px 0;font-size:.8rem}.saved-direction summary{cursor:pointer;min-height:32px}.saved-direction .mini-preview{margin-top:10px}.saved-secondary{display:flex;justify-content:space-between;margin-top:18px}.saved-secondary button{background:transparent;border:0;min-height:38px;text-decoration:underline;text-underline-offset:4px;font-size:.78rem;padding:8px}.library-empty{border:1px dashed #999d8c;border-radius:15px;padding:50px;text-align:center}.library-empty h2{font-size:2rem}.library-empty p{color:var(--muted)}#library-status{font-size:.8rem;color:var(--muted)}#library-undo{margin-top:24px}.project-actions>div{flex-wrap:wrap}.generator-preview .mini-preview{font-style:normal}.site-header nav{gap:24px}
@media(max-width:1000px){.generator-toolbar{align-items:start;flex-direction:column}.generator-swatches{margin-inline:24px}.generator-color{padding:15px 12px;min-height:320px}.generator-color-edit input[type=color]{width:32px}.generator-move span{display:none}.generator-color-top{flex-direction:column;align-items:start}.generator-bottom{align-items:start;flex-direction:column}.generator-preview-grid{grid-template-columns:1fr 1fr;gap:25px}.generator-preview-grid .mini-preview{padding:26px}.library-entries{grid-template-columns:repeat(2,minmax(0,1fr))}.library-controls{grid-template-columns:1fr 1fr}.library-controls .work-actions{grid-column:1/-1;justify-content:start}}
@media(max-width:650px){.generator-heading{padding-top:28px;align-items:start;flex-direction:column;gap:20px}.generator-heading h1{font-size:2.7rem}.generator-heading p{font-size:.9rem}.generator-settings{gap:8px;width:100%}.generator-settings label{font-size:.73rem}.generator-settings label:nth-child(1){flex:1}.generator-settings label:nth-child(2){flex:1.4}.generator-settings select{font-size:.78rem;padding:10px 5px}.generator-toolbar>.work-actions{width:100%}.generator-toolbar>.work-actions .button:last-child{flex:1}.generator-swatches{margin-inline:20px;grid-template-columns:1fr}.generator-color{min-height:185px;padding:15px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.generator-color-top{flex-direction:row;grid-column:1/-1}.generator-color-sample{grid-column:1;grid-row:2/4;gap:8px;padding:0;align-items:start}.generator-copy{font-size:1rem!important}.generator-aa{font-size:3.8rem}.generator-color-edit{align-self:end}.generator-color-error{grid-column:2}.generator-move{grid-column:2;margin:0;justify-content:space-between}.generator-move span{display:block;font-size:.6rem}.generator-color button{min-height:38px}.generator-bottom .work-actions{gap:7px;width:100%}.generator-bottom .button{flex:1;font-size:.76rem;padding:11px 9px;white-space:nowrap}.generator-preview{padding-top:45px}.generator-preview-heading{flex-direction:column;align-items:start;gap:20px}.generator-preview-heading h2{font-size:2.1rem}.generator-preview-grid{grid-template-columns:1fr}.generator-preview-grid .mini-preview{min-height:350px}.generator-preview-grid .mini-preview>strong{font-size:3rem}.generator-preview-grid .mini-panel{font-size:.7rem;padding:14px}.generator-explainer{padding-top:40px}.generator-explainer h2{font-size:1.7rem}.work-dialog{padding:20px}.work-dialog h2{font-size:1.9rem}.library-controls{gap:14px}.library-controls label{font-size:.76rem}.library-entries{grid-template-columns:1fr}.library-empty{padding:30px 20px}.library-empty h2{font-size:1.7rem}.library-main .generator-heading{padding-bottom:25px}.library-privacy{padding:16px}.site-header nav{gap:10px}.site-header nav a{font-size:.76rem}.site-header .nav-studio{padding:8px 10px}.project-actions>div{gap:7px}}