.studio-page{max-width:1420px;margin:auto;padding:68px clamp(22px,7vw,108px) 112px;color:var(--ink)}
.studio-intro{max-width:940px;margin:0 auto 52px;text-align:center}.studio-intro .eyebrow{margin-bottom:21px}.studio-intro h1{font:500 clamp(48px,6vw,81px)/.98 var(--serif);letter-spacing:-3px;margin:0}.studio-intro h1 em,.studio-explainer h2 em{font-family:var(--serif);font-weight:500;color:var(--red)}.studio-intro>p:not(.eyebrow){max-width:590px;margin:21px auto;color:#626158;font-size:15px;line-height:1.7}.studio-trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:28px;color:#77746b;font:9px var(--mono);letter-spacing:.5px}
.studio-workbench{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);align-items:start;gap:clamp(28px,5vw,76px);border-top:1px solid var(--line);padding-top:38px}.studio-compose{min-width:0}.studio-step-head{display:flex;align-items:start;gap:14px;margin-bottom:20px}.studio-step-head>span{font:11px var(--mono);color:var(--red);padding-top:8px}.studio-step-head h2{font:500 30px var(--serif);letter-spacing:-.8px;margin:0}.studio-step-head .eyebrow{margin:0 0 7px;font-size:9px}.studio-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:20px 0 24px}.studio-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 14px;color:var(--muted);font-size:11px;cursor:pointer}.studio-tabs button.is-active{color:var(--ink);border-color:var(--red)}.studio-input-label,.advanced-fields label,.dynamic-fields label,#custom-refine label{display:block;font-size:11px;font-weight:600;margin:15px 0 8px}.studio-input-label span{font-weight:400;color:var(--muted)}.studio-compose textarea,.studio-compose input,.studio-compose select,.studio-result textarea,.target-adaptation select,.custom-refine input,.studio-library input,.studio-library select,.library-item input,.library-item textarea,.library-item select{width:100%;min-width:0;border:1px solid #c9c3b8;border-radius:0;background:#fbf9f4;color:var(--ink);padding:13px 14px;font:12px/1.6 var(--sans)}.studio-compose textarea{min-height:142px;resize:vertical}.studio-compose textarea:focus,.studio-compose input:focus,.studio-compose select:focus,.studio-result textarea:focus,.studio-library input:focus,.studio-library select:focus{outline:2px solid #c27654;outline-offset:2px}.studio-examples{margin:16px 0 26px}.studio-examples>span,.studio-modes legend,.refine-tools>span{font:9px var(--mono);letter-spacing:.5px;color:var(--muted)}.studio-examples>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.studio-examples button{border:1px solid var(--line);border-radius:99px;padding:8px 11px;background:transparent;color:#55574f;font-size:10px;cursor:pointer}.studio-examples button:hover{border-color:var(--red);color:var(--red)}.studio-modes{border:0;padding:0;margin:25px 0}.studio-modes legend{padding:0 0 10px}.studio-modes>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.studio-modes button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:12px 13px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.studio-modes button:last-child{border-right:0}.studio-modes button.is-active{background:#eae4d8}.studio-modes b{font:500 14px var(--serif)}.studio-modes small{font-size:9px;line-height:1.45;color:var(--muted)}.studio-compose>select{max-width:100%}.studio-advanced{margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-advanced summary{padding:15px 2px;cursor:pointer;list-style:none;font:500 15px var(--serif)}.studio-advanced summary::-webkit-details-marker{display:none}.studio-advanced summary:after{content:'＋';float:right;color:var(--red);font:14px var(--sans)}.studio-advanced[open] summary:after{content:'−'}.studio-advanced summary span{display:block;margin-top:5px;color:var(--muted);font:10px var(--sans)}.advanced-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 16px;padding:1px 0 18px}.advanced-fields label{margin:10px 0 5px}.advanced-fields input{padding:10px}.dynamic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.dynamic-fields label{font-weight:500}.dynamic-fields input{margin-top:7px}.studio-step-two{margin:30px 0 15px;padding:23px;border:1px solid var(--line);background:#f8f5ef}.studio-hint{font-size:10px;line-height:1.6;color:var(--muted)}.studio-actions{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.studio-actions .button{cursor:pointer}.studio-actions .button:disabled{opacity:.5;cursor:not-allowed}.studio-status{font-size:10px;line-height:1.5;color:var(--muted);margin:11px 0 0}.studio-explainer{position:sticky;top:111px;padding:21px 23px 24px;background:#e9e6dc;border-top:3px solid var(--olive)}.studio-explainer .eyebrow{font-size:8px;margin-bottom:19px}.studio-explainer h2{font:500 34px/1.05 var(--serif);letter-spacing:-.8px;margin:0 0 17px}.studio-explainer>p{font-size:11px;line-height:1.7;color:#5f6059}.studio-disclosure{margin-top:23px;padding-top:16px;border-top:1px solid #cbc7bc}.studio-disclosure b{font:500 14px var(--serif)}.studio-disclosure p,.studio-disclosure span{font-size:10px;line-height:1.65;color:#5f6059}.studio-disclosure span{font:9px var(--mono);color:var(--olive)}.ai-disclosure{margin-top:14px}
.studio-result,.studio-library{margin-top:76px;border-top:1px solid var(--line);padding-top:30px}.studio-result-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.studio-result-head h2,.studio-library h2{font:500 34px var(--serif);letter-spacing:-1px;margin:0}.studio-result-head .eyebrow{margin-bottom:9px}.result-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.result-buttons button,.import-button,.target-adaptation button,.refine-tools button,.version-row button,.custom-refine button,.library-item button,.library-item summary{background:transparent;border:1px solid var(--line);padding:9px 11px;font-size:10px;cursor:pointer;color:var(--ink)}.result-buttons button:hover,.import-button:hover,.target-adaptation button:hover,.refine-tools button:hover,.version-row button:hover,.library-item button:hover{border-color:var(--red);color:var(--red)}.studio-result-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(24px,4vw,52px);align-items:start}.studio-result textarea{min-height:380px;resize:vertical;font:12px/1.8 var(--sans);background:#fbf9f4}.studio-result-grid aside{display:grid;gap:17px}.decision-notes,.heuristic-check,.real-ai-actions{border-top:2px solid var(--ink);padding-top:13px}.decision-notes h3,.heuristic-check h3,.real-ai-actions h3,.improve-comparison h3,.test-result h3{font:500 19px var(--serif);margin:0 0 10px}.decision-notes ul,.heuristic-check ul{list-style:none;padding:0;margin:0}.decision-notes li,.heuristic-check li{font-size:10px;line-height:1.6;margin:9px 0;color:#57584f}.heuristic-check>p,.real-ai-actions>p,.real-ai-actions small{font-size:10px;line-height:1.6;color:var(--muted)}.heuristic-check li{display:grid;grid-template-columns:82px 1fr;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.heuristic-check li>span{font:9px var(--mono);color:var(--olive)}.heuristic-check li.is-open>span{color:#a2583e}.target-adaptation{display:grid;grid-template-columns:max-content minmax(100px,1fr) auto;align-items:center;gap:9px;margin-top:11px}.target-adaptation label{font-size:10px}.target-adaptation select{padding:8px}.refine-tools{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}.refine-tools>span{width:100%;margin-bottom:2px}.refine-tools button{padding:7px 9px;font-size:9px}.custom-refine{border-top:1px solid var(--line);padding-top:12px}.custom-refine div{display:flex;gap:6px}.custom-refine input{padding:9px}.custom-refine button{flex:none}.version-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font:9px var(--mono);color:var(--muted)}.real-ai-actions{border-top-color:var(--red);padding:14px;background:#eee8dc}.real-ai-actions button{display:block;width:100%;margin:8px 0;padding:12px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:11px;cursor:pointer}.real-ai-actions button:disabled{background:#a6a39b;border-color:#a6a39b;cursor:not-allowed}.real-ai-actions small{display:block}.improve-comparison{margin-top:32px;border-top:1px solid var(--line);padding-top:18px}.improve-comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.improve-comparison article{padding:17px;background:#eeebe3}.improve-comparison h4{font:500 18px var(--serif);margin:0 0 12px}.improve-comparison pre,.test-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 var(--sans);color:#55574f}.improve-comparison button{border:0;background:transparent;text-decoration:underline;padding:4px 0;font-size:10px;cursor:pointer}.test-result{display:grid;grid-template-columns:210px 1fr;gap:24px;margin-top:32px;padding:22px;border:1px solid var(--line);background:#f8f6f1}.test-result p{font:9px var(--mono);color:var(--muted)}.test-result pre{margin:0}
.studio-library>p{font-size:11px;line-height:1.65;color:var(--muted)}.library-controls{display:grid;grid-template-columns:1fr 220px;gap:9px;margin:19px 0}.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.library-item{min-width:0;padding:17px;background:#efebe3;border-top:2px solid #9d9a8e}.library-item-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:14px;color:var(--muted);font:9px var(--mono)}.library-item label{display:block;margin:12px 0;font-size:10px}.library-item input,.library-item textarea,.library-item select{margin-top:5px;padding:8px;font-size:10px}.library-item textarea{min-height:130px;resize:vertical}.library-item details{margin:11px 0}.library-item details summary{display:inline-block}.library-item details button{margin:6px 4px 0 0}.library-item-actions{display:flex;align-items:end;gap:6px;flex-wrap:wrap}.library-item-actions label{flex:1;min-width:120px;margin:0}.library-item-actions button{padding:8px}.library-item-actions [data-delete]{color:#a04432}.library-item.is-dirty:after{content:'Cambios sin guardar';display:block;margin-top:9px;color:#a2583e;font:9px var(--mono)}.import-button{display:inline-flex;align-items:center}.studio-library .studio-result-head{margin-bottom:18px}
@media(max-width:900px){.studio-workbench{grid-template-columns:minmax(0,1fr) 250px;gap:26px}.studio-explainer{padding:17px}.studio-explainer h2{font-size:29px}.studio-result-grid{grid-template-columns:minmax(0,1fr) 260px;gap:23px}.result-buttons{justify-content:flex-start}}
@media(max-width:680px){.studio-page{padding:48px 20px 75px}.studio-intro{margin-bottom:39px;text-align:left}.studio-intro h1{font-size:48px;letter-spacing:-2px}.studio-intro>p:not(.eyebrow){margin:18px 0}.studio-trust{justify-content:flex-start;gap:9px 15px;line-height:1.5}.studio-workbench{grid-template-columns:1fr;gap:29px;padding-top:26px}.studio-explainer{position:static}.studio-explainer h2{font-size:32px}.studio-tabs button{flex:1;padding:11px 7px;font-size:9px}.studio-modes>div{grid-template-columns:1fr}.studio-modes button{border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}.studio-modes button:last-child{border-bottom:0}.studio-modes button small{font-size:9px}.advanced-fields,.dynamic-fields{grid-template-columns:1fr}.studio-step-two{padding:17px}.studio-result,.studio-library{margin-top:55px;padding-top:24px}.studio-result-head{display:block}.result-buttons{justify-content:flex-start;margin-top:14px}.studio-result-head h2,.studio-library h2{font-size:29px}.studio-result-grid{grid-template-columns:1fr}.studio-result textarea{min-height:330px}.target-adaptation{grid-template-columns:1fr auto}.target-adaptation label{grid-column:1/-1}.target-adaptation select{min-width:0}.improve-comparison>div,.test-result{grid-template-columns:1fr}.library-controls,.library-list{grid-template-columns:1fr}.studio-library .result-buttons{margin-top:14px}.studio-trust span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important;transition:none!important}}
.local-process-note{margin-top:20px;padding:15px 17px;border-left:2px solid var(--red);background:#f2efe8;color:var(--ink)}.local-process-note strong{font:10px var(--mono);text-transform:uppercase;letter-spacing:.6px}.local-process-note p{margin:7px 0 0;font-size:11px;line-height:1.65;color:var(--muted)}