.template-main{max-width:1220px;margin:0 auto;padding:112px 36px 56px}.template-review-note{color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:9px;padding-bottom:25px;font-size:12px;line-height:1.6;display:flex}.template-status-dot{background:var(--accent);border-radius:50%;flex:0 0 6px;width:6px;height:6px}.template-note-divider{opacity:.45;margin:0 2px}.template-breadcrumb{color:var(--muted);gap:10px;margin:29px 0 26px;font-size:12px;display:flex}.template-breadcrumb a{color:var(--text);text-decoration:none}.template-breadcrumb a:hover{text-decoration:underline}.template-kicker{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.template-intro h1{letter-spacing:-.045em;margin:15px 0 14px;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.12}.template-title-dot{color:var(--accent)}.template-intro>p{max-width:650px;color:var(--muted);margin-bottom:32px;font-size:16px;line-height:1.75}.template-studio{grid-template-columns:minmax(0,1.25fr) minmax(330px,1fr);align-items:start;gap:36px;display:grid}.template-preview{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;margin:0;position:relative;overflow:hidden}.template-preview>img{width:100%;height:auto;display:block}.template-expand{bottom:16px;color:#26251e;background:#fffefa;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;inset-inline-end:16px;box-shadow:0 2px 12px #0001}.template-preview-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:14px 0 8px;font-size:11px;display:flex}.template-preview-caption>span:first-child{align-items:center;gap:6px;display:flex}.template-preview-disclosure{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.template-ingredients{border-top:1px solid var(--border);margin:24px 0 0;padding:20px 0}.template-ingredients>span{color:var(--muted);letter-spacing:.09em;font-size:10px;font-weight:600}.template-ingredients p{color:var(--text);margin:10px 0 0;font-size:13px;line-height:1.7}.template-form-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:0;padding:25px;scroll-margin-top:140px}.template-workbench{width:100%;max-width:none;margin:0}.template-workbench .tool-prompt-heading{margin:0 0 20px;display:block}.template-workbench .tool-prompt-heading>span{color:var(--text);letter-spacing:-.03em;font-size:23px;font-weight:500}.template-workbench .tool-prompt-heading>span svg{display:none}.template-workbench .tool-prompt-heading>small{margin-top:5px;font-size:12px;display:block}.template-workbench .tool-prompt-composer{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.template-example-action{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:11px;display:flex}.template-example-action button{color:var(--accent-strong);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.template-workbench .tool-prompt-attachments{border-radius:8px;margin:0 0 20px}.template-workbench .tool-prompt-image-picker{cursor:pointer;background:0 0;min-height:114px}.template-workbench .tool-prompt-image-picker:hover{background:var(--accent-soft)}.template-workbench .tool-prompt-image-picker:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.template-fields{border:0;gap:17px;min-width:0;margin:0 0 17px;padding:0;display:grid}.template-fields legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.template-fields label{text-align:start;gap:8px;display:grid}.template-fields label>span,.template-notes-label{color:var(--text);font-size:12px;font-weight:500}.template-fields small,.template-notes-label small{color:var(--muted);margin-inline-start:4px;font-size:10px;font-weight:400}.template-fields input{background:var(--surface-soft);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:7px;width:100%;min-width:0;padding:12px;font-size:12px}.template-fields input::placeholder{color:var(--muted);opacity:.85}.template-fields input:focus{outline:2px solid var(--accent);outline-offset:2px}.template-input-reading-preview{border-inline-start:2px solid var(--border);color:var(--text);gap:5px;min-width:0;margin-block-end:8px;padding:9px 12px;font-size:12px;display:grid}.template-input-reading-caption{color:var(--muted);font-size:10px}.template-input-reading-value{white-space:pre-wrap;overflow-wrap:anywhere;text-align:start}.template-input-reading-value bdi{white-space:nowrap}.template-notes-label{margin-bottom:8px;display:block}.template-workbench .tool-prompt-composer textarea{background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;width:100%;min-height:78px;padding:12px;font-size:12px}.template-workbench .tool-prompt-footer{flex-direction:column;align-items:stretch;gap:18px;margin-top:17px;padding:0;display:flex}.template-workbench .tool-prompt-controls{width:100%;display:flex}.template-workbench .tool-prompt-control-shell{flex:1;width:100%}.template-workbench .tool-prompt-control{justify-content:space-between;width:100%}.template-workbench .tool-prompt-control select{width:100%;max-width:none}.template-workbench .tool-prompt-reset-options{font-size:10px}.template-workbench .tool-prompt-submit{background:var(--control);width:100%;min-height:46px;color:var(--control-text);border-radius:7px;justify-content:center;gap:12px;font-size:13px}.template-workbench .tool-prompt-submit:disabled{opacity:.45}.template-workbench .tool-prompt-helper{text-align:center;color:var(--muted);margin:13px 0 0;font-size:11px;line-height:1.65}.template-workbench [role=alert]{color:var(--accent-strong);text-align:start}.template-output-note{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:8px;margin-top:19px;padding-top:16px;font-size:11px;display:flex}.template-output-note svg{color:var(--sage);flex-shrink:0}.template-section{border-top:1px solid var(--border);margin-top:68px;padding-top:40px}.template-section h2,.template-index-explainer h2{letter-spacing:-.035em;margin:15px 0 24px;font-size:clamp(25px,3vw,34px);font-weight:500;line-height:1.2}.template-rules-grid{grid-template-columns:repeat(3,1fr);gap:34px;margin-top:32px;display:grid}.template-rule-number{color:var(--accent);font-family:Georgia,serif;font-size:23px}.template-rules-grid h3,.template-process h3{margin:13px 0 8px;font-size:15px;font-weight:500}.template-rules-grid p,.template-process p,.template-next p{color:var(--muted);font-size:13px;line-height:1.75}.template-change-strip{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:15px 23px;margin-top:26px;padding:19px 22px;font-size:11px;display:flex}.template-change-strip strong{font-weight:600}.template-change-strip>span{color:var(--muted);align-items:center;gap:6px;display:flex}.template-change-strip svg{color:var(--sage)}.template-process{grid-template-columns:1fr 1.2fr;gap:48px;display:grid}.template-process ol{margin:0;padding:0;list-style:none}.template-process li{gap:22px;padding-bottom:16px;display:flex}.template-process li>span{color:var(--muted);padding-top:14px;font-size:12px}.template-process li p{margin:0}.template-details-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.template-limitations{color:var(--muted);padding-inline-start:17px;font-size:12px;line-height:1.8}.template-limitations li{margin-bottom:10px}.template-text-link{color:var(--text);align-items:center;gap:12px;margin-top:10px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.template-text-link:hover{color:var(--accent)}.template-faqs details{border-bottom:1px solid var(--border);padding:20px 0}.template-faqs summary{cursor:pointer;justify-content:space-between;gap:18px;font-size:13px;list-style:none;display:flex}.template-faqs summary::-webkit-details-marker{display:none}.template-faqs p{color:var(--muted);font-size:12px;line-height:1.8}.template-next{grid-template-columns:1fr 240px;align-items:center;gap:70px;display:grid}.template-next h2{margin-bottom:12px}.template-next img{border-radius:8px;width:100%;height:auto;display:block}.template-secondary-link{color:var(--muted);text-underline-offset:3px;margin-top:18px;font-size:11px;display:block}.template-index-intro{padding:62px 0 55px}.template-index-intro h1{letter-spacing:-.05em;margin:23px 0;font-size:clamp(40px,5.5vw,68px);font-weight:500;line-height:1.08}.template-index-intro h1 em{color:var(--sage);font-family:Georgia,serif;font-weight:400}.template-index-intro>p{color:var(--muted);font-size:15px;line-height:1.8}.template-index-label{color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:26px;padding:0 0 19px;font-size:11px;display:flex}.template-card-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.template-index-card{color:var(--text);min-width:0;text-decoration:none}.template-card-image{border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden}.template-card-image img{width:100%;height:auto;transition:transform .3s;display:block}.template-index-card:hover .template-card-image img{transform:scale(1.025)}.template-card-image>span{bottom:18px;color:#26251e;background:#fffefa;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;inset-inline-end:18px}.template-card-copy{padding:23px 0}.template-card-copy h2{letter-spacing:-.025em;margin:10px 0;font-size:24px;font-weight:500}.template-card-copy p{color:var(--muted);font-size:13px;line-height:1.75}.template-card-meta{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:15px;margin-top:18px;padding-top:16px;font-size:11px;display:flex}.template-index-explainer{text-align:center;max-width:620px;margin:65px auto 20px}.template-index-explainer p{color:var(--muted);font-size:14px;line-height:1.8}@media (prefers-reduced-motion:reduce){.template-card-image img{transition:none}}@media (width<=1000px){.template-library-grid,.template-library-grid.related,.template-discovery .template-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-sample-grid{grid-template-columns:1fr}}@media (width<=850px){.template-main{padding:100px 22px 35px}.template-studio{grid-template-columns:minmax(0,1fr) minmax(310px,1fr);gap:23px}.template-form-panel{padding:19px}.template-rules-grid{gap:20px}.template-details-grid{gap:32px}}@media (width<=680px){.template-main{padding:90px 20px 30px}.template-review-note{flex-wrap:wrap;align-items:baseline;gap:5px;padding-bottom:18px;font-size:10px}.template-intro h1{font-size:34px}.template-intro>p{margin-bottom:23px;font-size:14px}.template-studio,.template-process,.template-details-grid,.template-card-grid{grid-template-columns:1fr;gap:26px}.template-preview-caption{font-size:10px}.template-ingredients{display:none}.template-form-panel{padding:22px 18px}.template-section{margin-top:44px;padding-top:30px}.template-rules-grid{grid-template-columns:1fr;gap:15px}.template-rules-grid article{grid-template-columns:35px 1fr;gap:0 8px;display:grid}.template-rules-grid h3{margin:6px 0 3px}.template-rules-grid p{grid-column:2;margin:3px 0}.template-change-strip{flex-direction:column;align-items:start;gap:12px;padding:18px}.template-next{grid-template-columns:1fr 105px;gap:16px}.template-next h2{font-size:23px}.template-next p{font-size:12px}.template-index-intro{padding:42px 0 32px}.template-index-intro h1{font-size:44px}.template-desktop-break{display:none}.template-card-grid{gap:15px}.template-card-copy h2{font-size:23px}.template-library-grid,.template-library-grid.related,.template-discovery .template-library-grid{grid-template-columns:1fr;gap:22px}.template-sample-card{grid-template-columns:1fr}.template-filters select{width:100%;min-width:0}.template-filters label{flex:140px}.template-filter-count{margin-inline-start:0}.review-overlay{margin:28px 16px;padding:18px}}.numeric-editor{border:0;min-width:0;margin:0 0 12px;padding:0}.template-fields .numeric-editor>legend,.numeric-editor>legend{clip-path:none;white-space:normal;width:auto;height:auto;color:var(--text);margin-bottom:8px;padding:0;font-size:12px;font-weight:500;position:static;overflow:visible}.numeric-editor .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.numeric-editor .numeric-canonical{display:none}.numeric-editor-toolbar{flex-wrap:wrap;gap:8px;margin-block:8px;display:flex}.numeric-editor button{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);font:inherit;cursor:pointer;border-radius:5px;min-height:36px;padding:8px 10px;font-size:11px}.numeric-editor button:disabled{opacity:.5;cursor:default}.numeric-editor button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.numeric-editor-rows{gap:12px;display:grid}.numeric-editor-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:12px;display:grid}.numeric-editor-row-number{color:var(--muted);font-size:11px}.numeric-editor .numeric-editor-number{text-align:left;font-variant-numeric:tabular-nums;direction:ltr}.numeric-editor input,.numeric-editor textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);font:inherit;border-radius:6px;min-width:0;padding:10px;font-size:13px}.template-workbench .numeric-editor .numeric-editor-text{min-height:78px}.numeric-editor-help{color:var(--muted);margin-block:8px;font-size:11px;line-height:1.65}.numeric-editor-budget{color:var(--muted);margin-block:8px;font-size:11px;display:block}.numeric-editor-import{border:1px solid var(--border);border-radius:8px;gap:8px;padding:12px;display:grid}.numeric-editor-import label{color:var(--text);font-size:12px}.numeric-editor [role=alert]{font-size:12px;line-height:1.6}@media (width>=900px){.numeric-editor-row{flex-wrap:wrap;display:flex}.numeric-editor-row-number{flex-basis:100%}.numeric-editor-row>.numeric-editor-text{flex:140px;width:auto}.numeric-editor-row>.numeric-editor-number{flex:0 0 150px;width:150px;max-width:100%}}
