/* Prompt Studio: one token system, system fonts, no external font requests. */
:root{color-scheme:light;--bg:#f1f6fa;--surface:#fff;--surface-2:#eaf3fa;--ink:#102f46;--muted:#4c6578;--line:#c6d7e3;--primary:#075db6;--primary-hover:#084d94;--teal:#00736e;--tint:#e4f5f2;--danger:#ac2438;--focus:#005fcc;--radius:18px;--small-radius:10px;--shadow:0 12px 40px #08344e0b;--space:24px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0b1824;--surface:#132738;--surface-2:#1b3549;--ink:#eaf4fb;--muted:#b2c8d9;--line:#426074;--primary:#096bc9;--primary-hover:#075bad;--teal:#71e2d4;--tint:#153d3c;--danger:#ff9ba8;--focus:#82c8ff;--shadow:0 12px 40px #0002}}
:root[data-theme=dark]{color-scheme:dark;--bg:#0b1824;--surface:#132738;--surface-2:#1b3549;--ink:#eaf4fb;--muted:#b2c8d9;--line:#426074;--primary:#096bc9;--primary-hover:#075bad;--teal:#71e2d4;--tint:#153d3c;--danger:#ff9ba8;--focus:#82c8ff;--shadow:0 12px 40px #0002}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 2% 5%,#13a3e426,transparent 48%),radial-gradient(ellipse at 95% 35%,#00b49b20,transparent 46%),linear-gradient(135deg,transparent 35%,#136bc30c 35%,transparent 70%),var(--bg);background-attachment:fixed;color:var(--ink);font:15px/1.55 var(--font)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--small-radius);padding:10px 14px;font-weight:650;min-height:44px;transition:background .15s,box-shadow .15s}button:hover{background:var(--surface-2)}button:disabled{cursor:wait;opacity:.65}a{color:var(--primary);text-underline-offset:4px}a:visited{color:var(--primary)}:root[data-theme=dark] a{color:var(--focus)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) a{color:var(--focus)}}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input:focus,textarea:focus,select:focus{border-color:var(--focus);outline:3px solid var(--focus);outline-offset:2px}.primary{background:var(--primary);border-color:var(--primary);color:white}.primary:hover{background:var(--primary-hover)}.secondary{border-color:var(--primary);color:var(--ink);white-space:nowrap}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,2.8vw,38px);line-height:1.2;letter-spacing:-1px;font-weight:780}h1 em{font-style:normal;color:var(--teal)}h2{font-size:20px;line-height:1.3}h3{font-size:20px;line-height:1.35}p{margin:10px 0}header{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:14px clamp(16px,2vw,36px);background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;white-space:nowrap;color:var(--ink)!important}.brand img{object-fit:contain;width:155px;height:54px;background:#fff;border-radius:8px}.brand>span{font-size:18px;border-left:1px solid var(--line);padding-left:18px}.brand b{display:block;line-height:1.2}.header-actions,nav{display:flex;gap:8px;align-items:center}nav button{border-color:transparent;color:var(--muted)}nav button[aria-selected=true]{background:var(--surface-2);color:var(--ink);border-color:var(--line)}nav span{font-size:13px;border-radius:5px;padding:1px 6px;background:var(--tint);color:var(--teal)}.header-actions a{font-size:13px;font-weight:650;max-width:190px;overflow-wrap:anywhere}.header-actions button{font-size:13px}main{width:100%;max-width:none;padding:0 clamp(16px,2vw,36px) 40px;margin:0}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 24px}.intro p{color:var(--muted);margin-bottom:0}.intro .eyebrow{font-size:12px;letter-spacing:1.7px;color:var(--teal);font-weight:750;margin:0 0 8px}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:start}.form-card,.output-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.output-card{position:sticky;top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.section-head h2{display:flex;gap:10px;align-items:center}.section-head button{font-size:13px}.step{display:inline-grid;place-items:center;background:var(--surface-2);color:var(--ink);font-size:13px;width:32px;height:32px;border-radius:10px}.badge{font-size:13px;color:var(--teal);background:var(--tint);border-radius:50px;padding:5px 10px;white-space:nowrap}fieldset{padding:0;margin:0;border:0;min-width:0}legend,label{font-weight:650;font-size:14px;display:block;margin:16px 0 7px}legend{margin:0 0 10px}.product-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.product-picker button{padding:10px 3px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;border-radius:12px}.product-picker img{width:32px;height:32px}.product-picker button[aria-pressed=true]{border:2px solid var(--primary);padding:9px 2px;background:var(--surface-2);box-shadow:0 0 0 1px var(--primary)}input,textarea,select{display:block;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);padding:11px 12px;color:var(--ink);min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid var(--danger)}.row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}.subsection{padding:14px 16px;border-left:3px solid var(--teal);background:var(--surface-2);margin-top:18px;border-radius:0 10px 10px 0}.muted,.help{color:var(--muted);font-size:13px;line-height:1.6}.info{font-size:13px;padding:12px;border-radius:10px;color:var(--ink);background:var(--surface-2)}.error{font-size:13px;color:var(--danger);font-weight:650}.quality{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.quality>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.quality strong{font-size:14px}.quality p{font-size:13px;color:var(--muted)}progress{width:100%;height:8px;display:block;margin-top:10px;accent-color:var(--teal);border:0;border-radius:20px;overflow:hidden}progress::-webkit-progress-bar{background:var(--surface-2)}progress::-webkit-progress-value{background:var(--teal)}details{border:1px solid var(--line);border-radius:12px;margin-top:14px;overflow:hidden}summary{cursor:pointer;padding:14px 16px;font-weight:650;min-height:48px}summary span{font-size:13px;font-weight:400;margin-left:10px;color:var(--muted)}details[open] summary{border-bottom:1px solid var(--line);background:var(--surface-2)}.details-body{padding:0 16px 16px}.form-bottom,.actions,.adjustments,.history-tools,.ai-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.form-bottom{margin-top:20px}.form-bottom .primary{flex:1}.actions{margin-top:16px}.actions button{font-size:13px}.adjustments{margin-top:12px}.adjustments button{font-size:13px;padding:7px 10px}.ai-links{font-size:13px;margin-top:18px}.ai-links span{color:var(--muted)}.result-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);margin-bottom:12px}#output{min-height:390px;max-height:70vh;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--bg)}#empty{text-align:center;padding:36px 10px 50px}#empty p{color:var(--muted);margin:18px 0 24px}.empty-mark{font-size:48px;color:var(--teal);width:88px;height:88px;border-radius:24px;margin:0 auto 24px;background:var(--tint);display:grid;place-items:center}.anatomy{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:36px}.anatomy span{font-size:13px;border:1px dashed var(--line);padding:6px 10px;border-radius:8px}.result-flash{animation:resultFlash .8s ease-out}@keyframes resultFlash{0%{box-shadow:0 0 0 4px var(--teal)}100%{box-shadow:var(--shadow)}}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:12px 0 24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;align-items:start;gap:10px;overflow-wrap:anywhere}.tile small{font-size:13px;color:var(--teal)}.tile p{font-size:14px;color:var(--muted);margin:0}.tile .actions{margin-top:auto;padding-top:14px}.tile h3{font-size:19px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:12px;background:var(--surface-2);border-radius:6px;padding:3px 7px}.file-button{position:relative;border:1px solid var(--line);padding:10px 14px;background:var(--surface);border-radius:10px;margin:0;overflow:hidden;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}.drop-zone{border:2px dashed var(--line);border-radius:12px;padding:16px;margin-top:18px;background:var(--bg)}.drop-zone label{margin-top:0}.drop-zone.dragging{border-color:var(--primary)}.file-item{display:flex;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.file-item>div{flex:1;overflow-wrap:anywhere}.file-item p{margin:4px 0;color:var(--muted)}.file-item img{width:60px;height:60px;object-fit:contain}.file-item button{font-size:13px}.file-item.file-error{border-color:var(--danger)}.file-item.file-error p{color:var(--danger)}footer{max-width:none;margin:0;padding:24px 28px;display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:28px;width:min(640px,calc(100% - 24px));max-height:90vh;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#061c37a8;backdrop-filter:blur(3px)}dialog>p{margin:16px 0}dialog textarea{min-height:200px}#previewText{font:14px/1.7 ui-monospace,monospace;height:45vh}.large-dialog{width:min(1100px,calc(100% - 24px))}.diff-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.diff-columns pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace;max-height:45vh;overflow:auto;background:var(--bg);padding:14px;border:1px solid var(--line);border-radius:12px;margin:10px 0}.diff-columns span{display:block}.removed{background:#ffdddd;color:#761927}.added{background:#d9f5e9;color:#104832}.diff-legend{font-size:13px;display:flex;gap:20px}.check{display:flex;gap:12px;align-items:center}.check input{width:20px;height:20px}.portable-note{font-size:13px;color:var(--muted);padding-top:12px}.skip{position:absolute;left:16px;top:-100px;padding:10px;background:var(--surface);z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:14px 20px;max-width:min(560px,90vw);z-index:20;font-size:14px}#metricsContent{overflow:auto}table{border-collapse:collapse;width:100%;margin:20px 0;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}
@media(max-width:1100px){header{flex-wrap:wrap;gap:12px}.brand{flex:1}.header-actions{order:2}nav{order:3;width:100%;justify-content:center}.workspace{gap:16px}.form-card,.output-card{padding:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){main{padding:0 16px 28px}.workspace{grid-template-columns:1fr}.output-card{position:static;scroll-margin-top:18px}.intro{padding:24px 0 20px}.intro .secondary{white-space:normal;font-size:13px;max-width:135px}.form-card,.output-card{padding:18px}.brand img{width:125px;height:44px}.brand>span{font-size:16px;padding-left:12px}.brand{gap:12px}header{padding:12px 16px}.header-actions{gap:8px}.header-actions a{max-width:180px}.filters{grid-template-columns:1fr 1fr}.filters>div:first-child{grid-column:1/-1}.diff-columns{grid-template-columns:1fr}#output{min-height:340px}.grid{grid-template-columns:1fr}footer{flex-direction:column}.row{gap:0 12px}.quality>div .help{max-width:100%}}
@media(max-width:440px){.header-actions{width:100%;justify-content:flex-end}.intro{align-items:start}.intro h1{font-size:27px}.intro>button{min-width:95px;max-width:100px}.intro>div>p:last-child{font-size:14px}.section-head{align-items:start}.section-head h2{font-size:18px}.row{grid-template-columns:1fr}.product-picker button{font-size:12px}.filters{grid-template-columns:1fr}.filters>div:first-child{grid-column:auto}summary span{display:block;margin-left:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Domain guidance and review tools. */
.domain-panel{border-left:3px solid var(--teal);padding:16px;background:var(--surface-2);border-radius:0 12px 12px 0;margin:20px 0}.domain-panel h3{font-size:16px}.domain-panel .section-head{margin-bottom:8px}.domain-panel details{background:var(--surface)}.domain-panel input{font-size:14px}.domain-panel label{font-size:13px}.quality li,#reviewFindings li{margin:8px 0;color:var(--muted);font-size:14px}.quality ul{padding-left:22px}.visual-note{padding:0 16px}.example-library{margin-top:48px}.example-library .grid{margin-top:20px}.example-library details{width:100%;margin:0}.example-library pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 ui-monospace,monospace;max-height:350px;overflow:auto;padding:14px}.example-library .tile>button{margin-top:auto}#foreignPrompt{min-height:220px}.section-head>.actions{margin-top:0}.domain-panel .badge{white-space:normal;font-size:12px}

.recipe-panel{margin:22px 0;padding:20px;border:1px solid var(--line);border-left:4px solid #087fb5;border-radius:16px;background:var(--surface)}.recipe-panel h3{margin:0}.recipe-panel ol{padding-left:22px;line-height:1.65}.recipe-panel summary{font-weight:600}.recipe-panel .badge{white-space:nowrap}

/* Wide workspace: intentional edge padding, no fixed-width canvas. */
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:28px}.product-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.form-card,.output-card{padding:28px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.output-card{border-top:4px solid var(--teal)}.form-card{border-top:4px solid var(--primary)}.header-actions .new-prompt{background:var(--primary);color:#fff;border-color:var(--primary)}.draft-state{padding:10px 14px;margin-bottom:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:13px}.output-card #newAfterResult{margin-top:14px;width:100%}

/* Account entry: prominent Google sign-in, scoped to the cPanel login URL. */
.header-actions:has(#accountLink[href*="action=login"]:not([hidden])){flex-wrap:wrap;justify-content:flex-end}
.header-actions #accountLink[href*="action=login"]{
 display:grid;grid-template-columns:24px 1fr;align-items:center;gap:3px 12px;
 min-height:66px;min-width:250px;max-width:310px;padding:12px 20px;
 border:2px solid #087c91;border-radius:14px;background:#fff;color:#17354a!important;
 text-decoration:none;font-size:16px;font-weight:750;line-height:1.4;
 box-shadow:0 0 0 4px #05a6b014,0 8px 22px #075db61f;
 transition:box-shadow .18s,border-color .18s;
}
.header-actions #accountLink[href*="action=login"]::before{
 content:"";width:24px;height:24px;grid-row:1 / 3;
 background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M43.61 24.46c0-1.36-.12-2.66-.35-3.92H24v7.42h11a9.4 9.4 0 0 1-4.08 6.16v5h6.61c3.87-3.56 6.08-8.8 6.08-14.66z'/%3E%3Cpath fill='%2334A853' d='M24 44c5.51 0 10.13-1.83 13.51-4.96l-6.61-5c-1.83 1.23-4.17 1.97-6.9 1.97-5.31 0-9.82-3.59-11.43-8.42H5.75v5.16A20 20 0 0 0 24 44z'/%3E%3Cpath fill='%23FBBC05' d='M12.57 27.59a12 12 0 0 1 0-7.18v-5.16H5.75a20 20 0 0 0 0 17.5z'/%3E%3Cpath fill='%23EA4335' d='M24 11.99c3 0 5.68 1.03 7.8 3.05l5.85-5.85A19.6 19.6 0 0 0 24 4 20 20 0 0 0 5.75 15.25l6.82 5.16C14.18 15.58 18.69 11.99 24 11.99z'/%3E%3C/svg%3E");
}
.header-actions #accountLink[href*="action=login"]::after{content:"Guarda y retoma tus prompts";grid-column:2;font-size:13px;font-weight:500;color:#426078;letter-spacing:0}
.header-actions #accountLink[href*="action=login"]:hover{border-color:#075db6;background:#f5fbff;box-shadow:0 0 0 4px #05a6b026,0 10px 26px #075db62b}
.header-actions #accountLink[href*="action=login"]:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
@media(max-width:600px){
 .header-actions:has(#accountLink[href*="action=login"]:not([hidden])){width:100%;display:flex;flex-wrap:wrap}
 .header-actions #accountLink[href*="action=login"]{order:-1;flex-basis:100%;max-width:none;min-width:0;grid-template-columns:24px auto;justify-content:center;padding:13px 18px}
}
@media(prefers-reduced-motion:reduce){.header-actions #accountLink[href*="action=login"]{transition:none}}