.studio-page{background:#f8fafc;color:var(--color-text)}.studio-page h1,.studio-page h2,.studio-page h3,.studio-page h4,.studio-page h5{overflow-wrap:anywhere}.studio-hero{padding:3.5rem 0;background:radial-gradient(circle at 90% 10%,rgba(16,185,129,.2),transparent 30%),linear-gradient(145deg,#062f2a,#0f172a 78%);color:#fff}.studio-hero-layout{display:grid;gap:2rem}.studio-breadcrumb{display:flex;gap:.55rem;margin-bottom:2rem;color:#d1fae5;font-size:.9rem}.studio-breadcrumb a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}.studio-kicker,.studio-eyebrow{margin-bottom:.75rem;color:var(--color-primary-dark);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.studio-hero .studio-kicker{color:#6ee7b7}.studio-hero h1{max-width:760px;margin-bottom:1.25rem;color:#fff;font-size:clamp(2.15rem,8vw,4rem)}.studio-hero-introduction{max-width:720px;margin-bottom:1.75rem;color:#dbeafe;font-size:1.08rem}.studio-hero-action,.studio-copy-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.65rem}.studio-hero-action svg,.studio-copy-button svg{width:19px;height:19px}.studio-hero-panel{align-self:center;padding:1.5rem;border:1px solid rgba(255,255,255,.22);border-radius:1rem;background:#0f172a94;box-shadow:0 20px 50px #0000002e}.studio-hero-panel>svg{width:36px;height:36px;margin-bottom:1rem;color:#6ee7b7}.studio-hero-panel h2{color:#fff;font-size:1.45rem}.studio-hero-panel ul{display:grid;gap:.8rem;padding:0;list-style:none}.studio-hero-panel li{display:flex;align-items:flex-start;gap:.65rem;color:#e2e8f0}.studio-hero-panel li svg{flex:0 0 auto;width:20px;color:#6ee7b7}.studio-tool-section,.studio-method-section,.studio-example-section,.studio-use-cases-section,.studio-faq-section,.studio-resources-section{padding:4rem 0}.studio-tool-container{max-width:1040px}.studio-section-heading{max-width:760px;margin-bottom:2rem}.studio-section-heading h2{font-size:clamp(1.8rem,6vw,2.6rem)}.studio-privacy-warning{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;border:1px solid #a7f3d0;border-radius:.9rem;background:#f0fdf4;color:#14532d}.studio-privacy-warning>svg{flex:0 0 auto;width:26px;height:26px;color:#047857}.studio-privacy-warning h3{margin-bottom:.35rem;color:#14532d;font-size:1.15rem}.studio-privacy-warning small{display:block;margin-top:.4rem;color:#3f6212;line-height:1.5}.studio-category-selector{margin-bottom:1.5rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:.9rem;background:#fff}.studio-category-selector label{display:block;margin-bottom:.25rem;color:var(--color-secondary);font-weight:750}.studio-category-selector p{margin-bottom:.75rem;color:var(--color-text-light);font-size:.92rem}.studio-category-selector .studio-category-description{margin:.75rem 0 0;padding-left:.8rem;border-left:3px solid var(--color-primary);color:var(--color-secondary);font-weight:650}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-category-heading{display:grid;gap:1rem;margin-bottom:1.25rem}.studio-category-heading h3{margin-bottom:.45rem;color:var(--color-secondary);font-size:clamp(1.45rem,6vw,2rem)}.studio-close-selector,.studio-clear-draft{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.45rem;padding:.6rem .8rem;border:0;background:transparent;color:#065f46;font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.studio-close-selector svg,.studio-clear-draft svg{width:18px}.studio-use-case-search{margin-bottom:1.25rem}.studio-use-case-search>label{display:block;margin-bottom:.45rem;color:var(--color-secondary);font-weight:750}.studio-use-case-search>div{position:relative;display:flex;align-items:center}.studio-use-case-search>div>svg{position:absolute;left:.9rem;width:20px;color:#64748b;pointer-events:none}.studio-use-case-search input{width:100%;min-height:50px;padding:.8rem 3.2rem .8rem 2.8rem;border:1px solid #94a3b8;border-radius:.7rem;background:#fff;color:#0f172a;font:inherit}.studio-use-case-search button{position:absolute;right:.25rem;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:.5rem;background:transparent;color:#334155;cursor:pointer}.studio-use-case-search input:focus-visible,.studio-use-case-search button:focus-visible,.studio-family-filter button:focus-visible,.studio-popular-categories button:focus-visible,.studio-category-card:focus-visible,.studio-selected-category button:focus-visible,.studio-example-buttons button:focus-visible,.studio-clear-draft:focus-visible,.studio-result-actions button:focus-visible,.studio-copy-status button:focus-visible{outline:3px solid rgba(5,150,105,.36);outline-offset:3px}.studio-popular-categories{margin-bottom:1.25rem;padding:1rem;border-radius:.8rem;background:#ecfdf5}.studio-popular-categories h4{display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem;color:#065f46;font-size:1rem}.studio-popular-categories h4 svg{width:18px}.studio-popular-categories>div,.studio-family-filter{display:flex;flex-wrap:wrap;gap:.55rem}.studio-popular-categories button,.studio-family-filter button{min-height:44px;padding:.55rem .8rem;border:1px solid #a7f3d0;border-radius:999px;background:#fff;color:#065f46;font:inherit;font-size:.9rem;font-weight:750;cursor:pointer}.studio-family-filter{margin-bottom:.9rem}.studio-family-filter button{border-color:#cbd5e1;color:#334155}.studio-family-filter button[aria-pressed=true]{border-color:#047857;background:#065f46;color:#fff}.studio-search-count{min-height:1.4rem;margin-bottom:.8rem!important}.studio-category-grid{display:grid;gap:.85rem}.studio-category-card{position:relative;display:grid;min-height:132px;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:start;padding:1rem;border:1px solid #cbd5e1;border-radius:.85rem;background:#fff;color:#0f172a;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.studio-category-card:hover{border-color:#059669;box-shadow:0 10px 24px #0f766e1a;transform:translateY(-2px)}.studio-category-card.is-selected{border:2px solid #047857;background:#f0fdf4}.studio-category-card-icon,.studio-selected-category-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:.7rem;background:#d1fae5;color:#047857}.studio-category-card-icon svg,.studio-selected-category-icon svg{width:22px}.studio-category-card-content{display:grid;gap:.35rem}.studio-category-card-content strong{color:#0f172a;font-size:1.02rem}.studio-category-card-content>span{color:#475569;font-size:.88rem;line-height:1.5}.studio-category-card-selected{grid-column:1 / -1;display:inline-flex;align-items:center;gap:.35rem;color:#047857;font-size:.82rem;font-weight:800}.studio-category-card-selected svg{width:16px}.studio-no-results{display:grid;justify-items:center;gap:.75rem;padding:2rem 1rem;border:1px dashed #94a3b8;border-radius:.85rem;color:#475569;text-align:center}.studio-no-results>svg{width:30px;color:#64748b}.studio-selected-category{display:grid;gap:1rem;margin-bottom:1.25rem;padding:1rem;border:2px solid #047857;border-radius:.9rem;background:#f0fdf4}.studio-selected-category>div,.studio-selected-category h3{display:flex;align-items:center;gap:.75rem}.studio-selected-category>div>div:last-child{min-width:0}.studio-selected-category p{margin-bottom:.2rem;color:#64748b;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.studio-selected-category h3{gap:.35rem;margin-bottom:.2rem;color:#065f46;font-size:1.15rem}.studio-selected-category h3 svg{width:18px}.studio-selected-category span{color:#334155;font-size:.9rem}.studio-category-loading{display:flex;min-height:72px;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.25rem;border:1px solid #d1fae5;border-radius:.8rem;background:#f8fffb;color:#065f46;font-weight:700}.studio-category-loading span{width:20px;height:20px;border:2px solid #a7f3d0;border-top-color:#047857;border-radius:50%;animation:studio-loading-spin .65s linear infinite}.studio-progress{margin:1rem 0 1.25rem;padding:.9rem 1rem;border:1px solid #d1fae5;border-radius:.8rem;background:#fff}.studio-progress-mobile{margin:0;color:#065f46;font-weight:800}.studio-progress-list{display:none}.studio-draft-tools{display:flex;min-height:48px;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem}.studio-draft-status{min-height:1.5rem}.studio-draft-status p{display:flex;align-items:center;gap:.45rem;color:#065f46;font-size:.9rem;font-weight:700}.studio-draft-status svg{width:18px}.studio-category-selector select,.studio-field input,.studio-field textarea,.studio-field select{width:100%;min-height:48px;padding:.8rem .9rem;border:1px solid #94a3b8;border-radius:.55rem;background:#fff;color:#0f172a;font:inherit}.studio-field textarea{min-height:110px;resize:vertical}.studio-category-selector select:focus-visible,.studio-field input:focus-visible,.studio-field textarea:focus-visible,.studio-field select:focus-visible,.studio-faq-list summary:focus-visible,.studio-category-guidance summary:focus-visible,.studio-score-calculation summary:focus-visible,.studio-prompt-example summary:focus-visible,.studio-prompt-preview:focus-visible{outline:3px solid rgba(5,150,105,.32);outline-offset:2px;border-color:var(--color-primary-dark)}.studio-form{display:grid;gap:1.25rem}.studio-form-start:focus-visible{outline:3px solid rgba(5,150,105,.36);outline-offset:.35rem}.studio-form-start h3{color:var(--color-secondary);font-size:clamp(1.45rem,5vw,2rem)}.studio-form-introduction{padding:1rem 1.15rem;border-left:4px solid var(--color-primary);background:#ecfdf5}.studio-category-guidance,.studio-score-calculation,.studio-prompt-example{border:1px solid var(--color-border);border-radius:.7rem;background:#fff}.studio-prompt-examples{padding:1.1rem;border:1px solid #bfdbfe;border-radius:.9rem;background:#eff6ff}.studio-prompt-examples-heading{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.9rem}.studio-prompt-examples-heading>svg{flex:0 0 auto;width:24px;color:#1d4ed8}.studio-prompt-examples-heading h3{margin-bottom:.25rem;color:#1e3a8a;font-size:1.15rem}.studio-prompt-examples-heading p{color:#334155;font-size:.9rem}.studio-example-buttons{display:grid;gap:.55rem}.studio-example-buttons>button{display:flex;min-height:46px;align-items:center;gap:.55rem;padding:.65rem .8rem;border:1px solid #bfdbfe;border-radius:.65rem;background:#fff;color:#1e3a8a;font:inherit;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer}.studio-example-buttons>button:hover{border-color:#2563eb;background:#f8fbff}.studio-example-buttons svg{flex:0 0 auto;width:18px}.studio-example-confirmation{margin-top:.85rem;padding:.9rem;border:1px solid #f59e0b;border-radius:.65rem;background:#fffbeb;color:#713f12}.studio-example-confirmation>div{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.studio-category-guidance summary,.studio-score-calculation summary,.studio-prompt-example summary{padding:.85rem 1rem;color:#065f46;font-weight:750;cursor:pointer}.studio-category-guidance ul,.studio-score-calculation ul{padding:0 2rem 1rem 2.25rem}.studio-form-section{min-width:0;padding:1.2rem;border:1px solid var(--color-border);border-radius:1rem;background:#fff;box-shadow:0 8px 24px #0f172a0d}.studio-form-section legend{display:grid;width:100%;gap:.3rem;padding:0 .45rem;color:var(--color-secondary);font-size:1.28rem;font-weight:800}.studio-form-section legend>span{color:#047857;font-size:.83rem;letter-spacing:.04em;text-transform:uppercase}.studio-form-section legend>strong{color:var(--color-secondary);font-size:1.16rem;line-height:1.35}.studio-form-section legend>small{max-width:760px;color:#64748b;font-size:.88rem;font-weight:500;line-height:1.5}.studio-form-fields{display:grid;gap:1.4rem;padding-top:.8rem}.studio-field label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.2rem;color:var(--color-secondary);font-weight:700}.studio-field-status{flex:0 0 auto;color:#64748b;font-size:.76rem;font-weight:650}.studio-field-status.is-required{color:#047857}.studio-field-help{margin-bottom:.55rem;color:#64748b;font-size:.88rem}.studio-field [aria-invalid=true]{border-color:#b91c1c;box-shadow:0 0 0 2px #b91c1c1f}.studio-field.is-complete input:not([aria-invalid=true]),.studio-field.is-complete textarea:not([aria-invalid=true]),.studio-field.is-complete select:not([aria-invalid=true]){border-left:4px solid #10b981}.studio-field-error{margin-top:.45rem;color:#991b1b;font-size:.88rem;font-weight:650}.studio-form-actions{padding:1.25rem;border-radius:.9rem;background:#0f172a;color:#e2e8f0;text-align:center}.studio-primary-action{width:100%;min-height:50px;margin-bottom:.75rem;font-size:1rem}.studio-form-actions p{font-size:.86rem}.studio-result{margin-top:2.5rem;padding:1.25rem;border:2px solid #10b981;border-radius:1rem;background:#fff;box-shadow:0 22px 50px #0f172a1a}.studio-result-heading{display:grid;gap:1rem;margin-bottom:.5rem}.studio-result-heading h2:focus-visible{outline:3px solid rgba(5,150,105,.45);outline-offset:.3rem}.studio-copy-button{width:100%}.studio-copy-status{min-height:1.5rem;margin-bottom:.5rem;color:#047857;font-weight:650}.studio-copy-status button{padding:0;border:0;background:transparent;color:#065f46;font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.studio-stale-notice{display:flex;gap:.7rem;margin:1rem 0;padding:.9rem;border:1px solid #f59e0b;border-radius:.65rem;background:#fffbeb;color:#713f12}.studio-stale-notice svg{flex:0 0 auto;width:22px}.studio-prompt-preview{max-width:100%;max-height:520px;margin:1rem 0 2rem;padding:1.15rem;overflow:auto;border-radius:.75rem;background:#0f172a;color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.studio-result-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem}.studio-result-actions .btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:.45rem}.studio-result-actions svg{width:18px}.studio-score-summary{display:grid;gap:1rem;align-items:center;margin-bottom:1rem}.studio-score-value{display:flex;width:104px;height:104px;align-items:baseline;justify-content:center;padding-top:1.3rem;border:8px solid #a7f3d0;border-radius:50%;color:#065f46}.studio-score-value strong{font-size:2rem}.studio-score-value span{font-size:.8rem}.studio-diagnostic>progress{width:100%;height:14px;margin-bottom:1.5rem;accent-color:var(--color-primary)}.studio-score-grid{display:grid;gap:1rem}.studio-score-card{padding:1rem;border:1px solid var(--color-border);border-radius:.75rem;background:#f8fafc}.studio-score-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.studio-score-card-heading h4{margin:0}.studio-score-card-heading span{flex:0 0 auto;color:#047857;font-weight:800}.studio-score-calculation{margin-top:.9rem;background:#fff}.studio-score-details{margin-top:.9rem}.studio-score-details h5{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem;font-size:.92rem}.studio-score-details h5 svg{width:18px;height:18px}.studio-score-details.is-present h5{color:#047857}.studio-score-details.is-missing h5{color:#9a3412}.studio-score-details ul{padding-left:1.25rem}.studio-score-recommendation{margin-top:1rem;padding:.8rem;border-left:3px solid var(--color-primary);background:#ecfdf5}.studio-category-recommendations{margin-top:1.5rem;padding:1rem 1.2rem;border:1px solid #a7f3d0;border-radius:.75rem;background:#ecfdf5}.studio-category-recommendations ul{padding-left:1.25rem}.studio-back-to-form{display:inline-block;margin-top:1.5rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}.studio-method-section,.studio-use-cases-section,.studio-resources-section{background:#fff}.studio-crop-grid,.studio-use-case-grid{display:grid;gap:1rem}.studio-crop-grid article,.studio-use-case-grid article{padding:1.25rem;border:1px solid var(--color-border);border-radius:.9rem;background:#f8fafc}.studio-crop-grid article>strong{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;margin-bottom:.8rem;border-radius:.7rem;background:#065f46;color:#fff;font-size:1.35rem}.studio-crop-grid h3,.studio-use-case-grid h3{margin-bottom:.55rem}.studio-crop-grid span{display:inline-block;margin-top:.8rem;color:#047857;font-weight:800}.studio-score-disclaimer{max-width:850px;margin-top:1.5rem;padding:1rem;border-left:4px solid #0f766e;background:#f0fdfa}.studio-before-after{display:grid;gap:1rem}.studio-before-after article{padding:1.35rem;border-radius:.9rem}.studio-before-after .is-before{border:1px solid #fdba74;background:#fff7ed}.studio-before-after .is-after{border:1px solid #6ee7b7;background:#ecfdf5}.studio-before-after article>span{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.studio-before-after blockquote{margin:1rem 0;padding-left:1rem;border-left:4px solid currentColor;font-weight:650}.studio-use-case-grid svg{width:32px;height:32px;margin-bottom:.8rem;color:var(--color-primary-dark)}.studio-prompt-example{margin-top:1rem}.studio-prompt-example pre{max-height:360px;margin:0;padding:1rem;overflow:auto;border-radius:0 0 .7rem .7rem;background:#0f172a;color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.6;white-space:pre-wrap}.studio-narrow-container{max-width:900px}.studio-faq-list{display:grid;gap:.8rem}.studio-faq-list details{border:1px solid var(--color-border);border-radius:.75rem;background:#fff}.studio-faq-list summary{padding:1rem;color:var(--color-secondary);font-weight:750;cursor:pointer}.studio-faq-list details p{padding:0 1rem 1rem}.studio-resources-layout{display:grid;gap:1rem;padding-top:1rem;padding-bottom:1rem}.studio-resources-layout>svg{width:48px;height:48px;color:var(--color-primary-dark)}.studio-internal-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.studio-internal-links a{display:inline-flex;min-height:44px;align-items:center;padding:.65rem .85rem;border:1px solid var(--color-primary);border-radius:.55rem;font-weight:700}.studio-error-fallback{display:grid;min-height:62vh;place-items:center;padding:4rem 0;background:#f8fafc}.studio-error-fallback .container{max-width:760px;padding-top:2rem;padding-bottom:2rem}.studio-error-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}@media (min-width: 720px){.studio-hero{padding:5.5rem 0}.studio-hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);align-items:center;gap:3rem}.studio-form-section,.studio-result{padding:1.75rem}.studio-form-fields,.studio-score-grid,.studio-use-case-grid,.studio-category-grid,.studio-example-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-category-heading,.studio-selected-category{grid-template-columns:minmax(0,1fr) auto;align-items:center}.studio-progress-mobile{display:none}.studio-progress-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;list-style:none}.studio-progress-list li{position:relative;display:grid;justify-items:center;gap:.4rem;color:#64748b;font-size:.78rem;font-weight:700;text-align:center}.studio-progress-list li:after{position:absolute;z-index:0;top:16px;left:calc(50% + 17px);width:calc(100% - 34px);height:2px;background:#cbd5e1;content:""}.studio-progress-list li:last-child:after{display:none}.studio-progress-list li>span:first-child{z-index:1;display:grid;width:34px;height:34px;place-items:center;border:2px solid #cbd5e1;border-radius:50%;background:#fff}.studio-progress-list li.is-complete,.studio-progress-list li.is-active{color:#065f46}.studio-progress-list li.is-complete>span:first-child,.studio-progress-list li.is-active>span:first-child{border-color:#047857}.studio-progress-list li.is-complete>span:first-child{background:#047857;color:#fff}.studio-progress-list li.is-complete:after{background:#10b981}.studio-progress-list svg{width:17px}.studio-result-heading,.studio-score-summary{grid-template-columns:minmax(0,1fr) auto}.studio-score-summary{grid-template-columns:auto minmax(0,1fr)}.studio-copy-button{width:auto}.studio-crop-grid,.studio-before-after{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-resources-layout{grid-template-columns:auto minmax(0,1fr);align-items:start}}@media (min-width: 1040px){.studio-crop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-use-case-grid,.studio-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 480px){.studio-hero{padding:2.4rem 0}.studio-breadcrumb{margin-bottom:1.25rem}.studio-hero h1{font-size:clamp(2rem,10vw,2.55rem)}.studio-hero-panel{padding:1.1rem}.studio-tool-section,.studio-method-section,.studio-example-section,.studio-use-cases-section,.studio-faq-section,.studio-resources-section{padding:3rem 0}.studio-page .container{padding-right:1rem;padding-left:1rem}.studio-field label,.studio-score-card-heading{align-items:flex-start;flex-direction:column;gap:.25rem}.studio-category-selector,.studio-form-section,.studio-result{padding:1rem}.studio-popular-categories button,.studio-family-filter button{flex:1 1 auto}.studio-result-actions .btn,.studio-example-confirmation .btn{width:100%}}.studio-tool-container{max-width:1280px;padding-top:clamp(1.25rem,3vw,2.25rem);padding-bottom:clamp(1.25rem,3vw,2.25rem);border:1px solid #cbd5e1;border-radius:1.25rem;background:#f1f5f9;box-shadow:0 18px 48px #0f172a12}.studio-workspace,.studio-workspace-form,.studio-live-panel-wrapper,.studio-live-panel{min-width:0}.studio-workspace{display:grid;gap:1.25rem}.studio-mobile-preview-toggle{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;border:1px solid #047857;border-radius:.8rem;background:#ecfdf5;color:#065f46;font:inherit;font-weight:750;text-align:left;cursor:pointer}.studio-mobile-preview-toggle>span{display:flex;align-items:center;gap:.55rem}.studio-mobile-preview-toggle svg{flex:0 0 auto;width:20px}.studio-mobile-preview-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.studio-live-panel{display:none;margin-top:.75rem;padding:1rem;border:1px solid #94a3b8;border-radius:1rem;background:#fff;box-shadow:0 14px 34px #0f172a14}.studio-live-panel.is-open{display:grid;gap:1.1rem}.studio-live-preview h3,.studio-live-score h3,.studio-live-suggestions h3{margin-bottom:.3rem;color:#0f172a;font-size:1.05rem}.studio-live-preview>p:first-of-type,.studio-live-preview-note,.studio-live-copy-help{color:#64748b;font-size:.84rem}.studio-live-preview pre{max-height:310px;margin:.75rem 0;padding:.9rem;overflow:auto;border-radius:.7rem;background:#0f172a;color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.studio-live-preview-note{padding:.7rem;border-left:3px solid #f59e0b;background:#fffbeb;color:#713f12}.studio-live-score,.studio-live-suggestions{padding-top:1rem;border-top:1px solid #e2e8f0}.studio-live-score-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.studio-live-score-value{flex:0 0 auto;color:#065f46}.studio-live-score-value strong{font-size:2rem}.studio-live-score progress,.studio-live-panel progress{width:100%;height:.75rem;margin:.65rem 0;accent-color:#047857}.studio-live-score-criteria{display:grid;gap:.35rem;padding:0;list-style:none}.studio-live-score-criteria li{display:flex;justify-content:space-between;gap:1rem;color:#334155;font-size:.86rem}.studio-live-score-disclaimer{margin-top:.75rem;padding:.75rem;border-radius:.65rem;background:#eff6ff;color:#1e3a8a;font-size:.8rem}.studio-live-suggestions ol{display:grid;gap:.65rem;padding:0;list-style:none}.studio-live-suggestions li{padding:.75rem;border:1px solid #fde68a;border-radius:.65rem;background:#fffbeb;color:#713f12;font-size:.84rem}.studio-live-suggestions button{display:inline-flex;min-height:44px;align-items:center;gap:.4rem;margin-top:.35rem;padding:.35rem 0;border:0;background:transparent;color:#065f46;font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.studio-live-suggestions button svg,.studio-positive-suggestion svg,.studio-live-copy svg{width:18px}.studio-positive-suggestion{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem;border-radius:.65rem;background:#ecfdf5;color:#065f46;font-size:.86rem}.studio-live-copy{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:.45rem}.studio-live-copy-status{min-height:1.3rem;color:#065f46;font-size:.82rem;font-weight:650}.studio-contextual-help{margin:.75rem 0 .4rem;border:1px solid #bfdbfe;border-radius:.7rem;background:#eff6ff}.studio-contextual-help summary{display:flex;min-height:44px;align-items:center;gap:.45rem;padding:.65rem .8rem;color:#1e3a8a;font-size:.86rem;font-weight:750;cursor:pointer}.studio-contextual-help summary svg{width:18px}.studio-contextual-help>div{display:grid;gap:.55rem;padding:0 .85rem .85rem;color:#334155;font-size:.84rem}.studio-example-choice{min-width:0}.studio-example-choice>button{display:flex;width:100%;min-height:46px;align-items:center;gap:.55rem;padding:.65rem .8rem;border:1px solid #bfdbfe;border-radius:.65rem;background:#fff;color:#1e3a8a;font:inherit;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer}.studio-example-model-badge{display:inline-flex;margin-left:auto;padding:.2rem .5rem;border-radius:999px;background:var(--color-primary-soft, #e9f2ff);color:var(--color-primary-dark, #123f73);font-size:.75rem;font-weight:700;white-space:nowrap}.studio-example-choice.is-template>button{border-width:2px;border-color:#2563eb}.studio-example-choice details{margin-top:.35rem;padding:.55rem .65rem;border-radius:.55rem;background:#dbeafe;color:#1e3a8a;font-size:.78rem}.studio-example-choice summary{min-height:36px;font-weight:750;cursor:pointer}.studio-example-choice details p,.studio-example-choice details ul{margin-top:.45rem}.studio-example-choice details ul{padding-left:1.25rem}.studio-external-launcher{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.studio-external-launcher>button{display:inline-flex;min-height:46px;align-items:center;gap:.45rem}#studio-external-services{margin-top:.75rem;padding:.9rem;border:1px solid #cbd5e1;border-radius:.7rem;background:#f8fafc}#studio-external-services h3{margin-bottom:.25rem;font-size:1rem}.studio-external-service-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.studio-external-service-list button,.studio-external-status a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .75rem;border:1px solid #64748b;border-radius:.55rem;background:#fff;color:#0f172a;font:inherit;font-weight:700;cursor:pointer}.studio-external-status{margin-top:.75rem}.studio-external-status>div{padding:.8rem;border-radius:.65rem;background:#ecfdf5;color:#065f46}.studio-external-status p{display:flex;align-items:flex-start;gap:.45rem}.studio-external-status a{margin-top:.65rem;border-color:#047857;color:#065f46;text-decoration:none}.studio-method-details{border:1px solid #cbd5e1;border-radius:.85rem;background:#fff}.studio-method-details>summary{min-height:48px;padding:.8rem 1rem;color:#065f46;font-weight:750;cursor:pointer}.studio-method-details .studio-crop-grid{padding:0 1rem 1rem}.studio-educational-examples{display:grid;gap:.75rem}.studio-educational-examples details{border:1px solid #cbd5e1;border-radius:.8rem;background:#fff}.studio-educational-examples summary{min-height:48px;padding:.8rem 1rem;color:#0f766e;font-size:1.05rem;font-weight:800;cursor:pointer}.studio-educational-examples article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:0 1rem 1rem}.studio-educational-examples article>svg{width:24px;color:#047857}.studio-educational-examples pre{max-width:100%;margin-top:.75rem;padding:.9rem;overflow:auto;border-radius:.65rem;background:#0f172a;color:#f8fafc;font-size:.82rem;white-space:pre-wrap;overflow-wrap:anywhere}.studio-author-section{padding:0 0 4rem}.studio-author-block{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.35rem;border:1px solid #a7f3d0;border-radius:1rem;background:#ecfdf5}.studio-author-block a{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:.08em}.studio-author-block>svg{width:32px;color:#047857}.studio-author-block h2{margin-bottom:.5rem;color:#064e3b;font-size:1.35rem}.studio-author-block p+p{margin-top:.55rem;font-size:.88rem}.studio-mobile-preview-toggle:focus-visible,.studio-live-preview pre:focus-visible,.studio-live-suggestions button:focus-visible,.studio-contextual-help summary:focus-visible,.studio-example-choice button:focus-visible,.studio-example-choice summary:focus-visible,.studio-external-launcher button:focus-visible,.studio-external-status a:focus-visible,.studio-method-details summary:focus-visible,.studio-educational-examples summary:focus-visible{outline:3px solid rgba(5,150,105,.36);outline-offset:2px}@media (min-width: 1120px){.studio-workspace{grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);align-items:start;gap:1.5rem}.studio-mobile-preview-toggle{display:none}.studio-live-panel{display:grid;gap:1.1rem;margin-top:0}.studio-live-panel-wrapper{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow:auto;overscroll-behavior:contain;border-radius:1rem}}@media (max-width: 480px){.studio-tool-container{padding-right:.75rem;padding-left:.75rem;border-right:0;border-left:0;border-radius:0}.studio-live-panel,.studio-author-block{padding:.9rem}.studio-author-block{grid-template-columns:1fr}.studio-external-service-list button,.studio-external-status a{width:100%}}@keyframes studio-card-in{0%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes studio-loading-spin{to{transform:rotate(360deg)}}.studio-category-card,.studio-prompt-examples,.studio-result{animation:studio-card-in .18s ease-out both}@media (prefers-reduced-motion: reduce){.studio-page *,.studio-page *:before,.studio-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.studio-category-card:hover{transform:none}}