.builder-page{min-height:100dvh;background:transparent}.tpl-dual{--tpl-nav:64px;--tpl-gut:28px;padding-bottom:64px}.tpl-footer,.tpl-grid,.tpl-seg,.tpl-topbar{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--tpl-gut)}.tpl-topbar{justify-content:space-between;gap:16px;padding-top:22px;padding-bottom:16px}.tpl-topbar,.tpl-topbar-left{display:flex;align-items:center}.tpl-topbar-left{gap:14px;min-width:0}.tpl-back{flex-shrink:0}.tpl-dual .crumbs{display:flex;align-items:center;gap:8px;min-width:0;font:500 12.5px var(--font-sans);color:var(--fg-3);overflow:hidden}.tpl-dual .crumbs a{color:var(--fg-2);white-space:nowrap}.tpl-dual .crumbs a:hover{color:var(--accent)}.tpl-dual .crumbs .sep{opacity:.4}.tpl-dual .crumbs .here{color:var(--fg-1);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-seg{display:none;gap:4px;padding-bottom:14px}.tpl-seg-btn{flex:1 1;height:40px;border:1px solid var(--line-2);background:var(--bg-1);color:var(--fg-2);font:600 14px var(--font-sans);border-radius:var(--r-2);cursor:pointer;transition:all .14s cubic-bezier(.16,1,.3,1)}.tpl-seg-btn.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.tpl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-gap:20px;gap:20px;align-items:start}.tpl-col-form{padding:26px var(--tpl-gut) 24px;background:var(--bg-1)}.tpl-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.tpl-head .icon-tile{width:44px;height:44px;border-radius:var(--r-2);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tpl-head h1{font:600 22px/1.2 var(--font-sans);letter-spacing:-.02em;margin:0 0 5px;text-wrap:balance}.tpl-head p{font:400 14px/1.5 var(--font-sans);color:var(--fg-2);margin:0}.tpl-head .tpl-creator{margin-top:8px}.tpl-dual .progress-block{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}.tpl-dual .progress{display:flex;gap:6px}.tpl-dual .progress .bar{flex:1 1;height:4px;border-radius:2px;background:var(--bg-3);transition:background .22s cubic-bezier(.16,1,.3,1)}.tpl-dual .progress .bar.on{background:var(--accent)}.tpl-dual .progress-meta{display:flex;align-items:center;justify-content:space-between;font:500 12px var(--font-mono);letter-spacing:.04em;color:var(--fg-3)}.tpl-dual .progress-meta b{color:var(--accent);font-weight:600}.tpl-dual .blocks{display:flex;flex-direction:column;margin-top:8px}.tpl-dual .block{padding:18px var(--tpl-gut);margin-inline:calc(-1 * var(--tpl-gut));transition:background .14s ease}.tpl-dual .block+.block{border-top:1px solid var(--line-1)}.tpl-dual .block:focus-within{background:var(--bg-2)}.tpl-dual .block:focus-within>.field-row label,.tpl-dual .block:focus-within>.field>label{color:var(--accent)}.tpl-dual .field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.tpl-dual .pills{display:flex;gap:6px;flex-wrap:wrap}.tpl-dual .pill{height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--bg-1);color:var(--fg-1);font:500 13px var(--font-sans);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .14s cubic-bezier(.16,1,.3,1)}.tpl-dual .pill:hover{border-color:var(--line-3)}.tpl-dual .pill.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}.tpl-dual .check-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.tpl-boost{flex-shrink:0;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--bg-1)}.tpl-boost.open{border-color:var(--line-3)}.tpl-boost-toggle{width:100%;display:flex;align-items:center;gap:9px;padding:10px 14px;background:transparent;border:0;border-radius:var(--r-2);cursor:pointer;text-align:left;transition:background .12s ease}.tpl-boost-toggle:hover{background:var(--bg-2)}.tpl-boost-spark{display:inline-flex;color:var(--accent);flex-shrink:0}.tpl-boost-title{font:600 13px var(--font-sans);color:var(--fg-1);flex-shrink:0}.tpl-boost-sub{font:500 11.5px var(--font-mono);letter-spacing:.02em;color:var(--fg-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-boost-toggle>svg{margin-left:auto;color:var(--fg-3);flex-shrink:0}.tpl-boost-body{padding:12px 14px 14px;border-top:1px solid var(--line-1);max-height:40vh;overflow:auto}.tpl-dual .pro-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.tpl-dual .pro-loading{grid-column:1/-1;font:500 13px var(--font-mono);color:var(--fg-3);margin:0}.tpl-dual .pro-locked{display:flex;flex-direction:column;gap:14px}.tpl-dual .pro-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tpl-dual .pro-perks li{display:flex;align-items:center;gap:8px;font:500 13px var(--font-sans);color:var(--fg-1)}.tpl-dual .pro-perks li svg{color:var(--accent);flex-shrink:0}.tpl-dual .pro-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tpl-dual .pro-price{letter-spacing:.03em}.tpl-dual .pro-price,.tpl-fork{font:500 12px var(--font-mono);color:var(--fg-3)}.tpl-fork{align-self:flex-end;letter-spacing:.02em}.tpl-fork:hover{color:var(--accent)}.tpl-col-prompt{position:-webkit-sticky;position:sticky;top:calc(var(--tpl-nav) + 14px);align-self:start;display:flex;flex-direction:column;gap:10px;height:calc(100dvh - var(--tpl-nav) - 28px);min-height:0}.tpl-prompt-actions{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap;flex-shrink:0}.tpl-prompt-state{display:inline-flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.tpl-prog-mini{font:500 11.5px var(--font-mono);letter-spacing:.03em;color:var(--fg-3);flex-shrink:0}.tpl-prog-mini b{color:var(--accent);font-weight:600}.tpl-mode{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--font-mono);letter-spacing:.03em;color:var(--fg-3)}.tpl-mode-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tpl-mode.is-synced .tpl-mode-dot{background:var(--prompt-accent)}.tpl-mode.is-custom{color:var(--fg-2)}.tpl-mode.is-custom .tpl-mode-dot{background:#E5A93B}.tpl-reset{margin-left:4px;padding:3px 9px;border-radius:999px;border:1px solid var(--line-3);background:var(--bg-1);color:var(--fg-2);font:600 11.5px var(--font-sans);cursor:pointer;transition:all .12s}.tpl-reset:hover{border-color:var(--accent);color:var(--accent)}.tpl-prompt-buttons{display:flex;gap:8px}.tpl-openin,.tpl-prompt-buttons{align-items:center;flex-wrap:wrap}.tpl-openin{display:inline-flex;gap:6px}.tpl-open{font:600 12px var(--font-sans);color:var(--fg-2);padding:5px 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg-1);transition:border-color .12s,color .12s}.tpl-open:hover{border-color:var(--prompt-accent);color:var(--prompt-accent)}.tpl-prompt-scroll{flex:1 1 auto;min-height:0;overflow:auto;border-radius:var(--r-3);box-shadow:var(--shadow-3)}.tpl-dual .tpl-prompt-scroll .md-editor{display:flex;flex-direction:column;min-height:100%;box-shadow:none;border-radius:0}.tpl-dual .tpl-prompt-scroll .md-bar{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#23232e}.tpl-dual .tpl-prompt-scroll .md-surface{flex:1 1}.tpl-dual .tpl-prompt-scroll .md-mirror{min-height:100%}.tpl-save{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.tpl-save .save-prompt{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.tpl-save .save-prompt .input{flex:1 1;min-width:160px}.tpl-save .save-prompt .btn{align-self:auto}.tpl-dual .btn-primary.is-copied{background:var(--prompt-accent);border-color:var(--prompt-accent)}.tpl-footer{display:flex;flex-direction:column;gap:16px;margin-top:32px}.tpl-next,.tpl-rate{padding:22px 24px;background:var(--bg-1)}.tpl-next h3{margin:0}.tpl-rate{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;padding:18px 24px;animation:tpl-reveal .28s cubic-bezier(.16,1,.3,1)}.tpl-rate h3{font:600 15px var(--font-sans);letter-spacing:-.01em;margin:0 0 3px}.tpl-rate p{font:400 13px/1.4 var(--font-sans);color:var(--fg-2);margin:0}.tpl-rate-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}@keyframes tpl-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tpl-rate{animation:none}}.tpl-next-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.tpl-next-head h3{font:600 20px/1.2 var(--font-sans);letter-spacing:-.015em;margin:0 0 5px}.tpl-next-head p{font:400 13.5px/1.5 var(--font-sans);color:var(--fg-2);margin:0}.tpl-next-head .more{flex-shrink:0;font:500 13px var(--font-sans);color:var(--accent)}.tpl-dual .related{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.tpl-dual .related a{padding:14px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--bg-2);display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .14s cubic-bezier(.16,1,.3,1)}.tpl-dual .related a:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.tpl-dual .related a .t{font:600 14px var(--font-sans);color:var(--fg-1);letter-spacing:-.005em}.tpl-dual .related a .s{font:500 11px var(--font-mono);letter-spacing:.04em;color:var(--fg-3)}.tpl-mobilebar{display:none;position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;z-index:var(--z-copybar);gap:10px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-2)}.tpl-mobilebar .btn-primary{flex:1 1;justify-content:center}@media (max-width:1023px){.tpl-dual .tpl-seg{display:flex}.tpl-grid{grid-template-columns:1fr}.tpl-grid[data-view=form] .tpl-col-prompt,.tpl-grid[data-view=prompt] .tpl-col-form{display:none}.tpl-col-prompt{position:static;height:auto;max-height:none}.tpl-prompt-scroll{overflow:visible;box-shadow:var(--shadow-3)}.tpl-dual .tpl-prompt-scroll .md-editor{min-height:0}.tpl-dual .tpl-prompt-scroll .md-bar{position:static}.tpl-footer{grid-template-columns:1fr}.tpl-mobilebar{display:flex}}@media (max-width:560px){.tpl-dual{--tpl-gut:18px}.tpl-topbar{flex-wrap:wrap;gap:10px;padding-top:16px}.tpl-dual .check-grid,.tpl-dual .field-row,.tpl-dual .pro-grid,.tpl-dual .related{grid-template-columns:1fr}.tpl-prompt-actions{gap:10px}.tpl-prompt-buttons{width:100%}}@media (pointer:coarse){.tpl-dual .pill{min-height:44px}.tpl-seg-btn{height:44px}}