@font-face{font-family:UNIPPromptGeist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-prompt-customize-latin.woff2)format("woff2")}.prompt-customize-page{--customize-muted:#6b6b6b;--customize-border:#e5e5e5;color:#111;background:#fff;font-family:UNIPPromptGeist,Arial,sans-serif;font-size:16px;line-height:24px}.prompt-customize-page button,.prompt-customize-page textarea,.prompt-customize-page select{font-family:inherit}.prompt-customize-page a:hover{color:#111}.customize-main{width:100%;max-width:1200px;margin:0 auto;padding:0 16px 96px}.customize-back{color:var(--customize-muted);border-radius:6px;align-items:center;gap:6px;margin:16px 0 24px;font-size:14px;line-height:20px;display:inline-flex}.customize-intro{margin-bottom:24px}.customize-reference{grid-area:reference;justify-content:center;min-width:0;display:flex}.customize-cover{background:#f2f2f2;border-radius:12px;flex-shrink:0;width:100%;max-width:100%;display:block;overflow:hidden}.customize-cover img{width:100%;height:auto}.customize-intro-copy{flex:1;min-width:0}.customize-intro h1{letter-spacing:-.025em;text-wrap:balance;font-size:24px;font-weight:500;line-height:32px}.customize-intro p{max-width:672px;color:var(--customize-muted);margin-top:8px;font-size:13.5px;line-height:24px}.customize-grid{grid-template-areas:"reference""controls""result";align-items:start;gap:24px;display:grid}.customize-editor,.controls-overview{display:contents}.customize-controls{border:1px solid var(--customize-border);background:#fff;border-radius:18px;grid-area:controls;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.controls-scroll{padding:16px}.controls-content{flex-direction:column;gap:12px;display:flex}.controls-heading{justify-content:space-between;align-items:center;gap:12px;height:24px;display:flex}.controls-heading h2,.result-toolbar h2{letter-spacing:0;color:var(--customize-muted);font-size:12px;font-weight:500;line-height:16px}.controls-intro{color:var(--customize-muted);margin-top:-4px;font-size:13.5px;line-height:24px}.controls-intro mark{color:#7e2a0c;background:#ffedd5;border-radius:4px;padding:0 4px}.template-inputs{flex-direction:column;gap:20px;min-width:0;display:flex}.template-references{flex-direction:column;gap:10px;min-width:0;display:flex}.template-references h3{letter-spacing:0;font-size:13px;font-weight:500;line-height:20px}.reference-guide{color:var(--customize-muted);font-size:13px;line-height:21px}.reference-language{color:var(--customize-muted);font-size:11px;line-height:18px}.reference-inputs{gap:10px;display:grid}.reference-input{border:1px solid var(--customize-border);background:#fafafa;border-radius:10px;min-width:0;padding:12px}.reference-input-heading{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:6px;display:flex}.reference-input h4{margin:0;font-size:13px;font-weight:500;line-height:20px}.reference-input code{color:var(--customize-muted);overflow-wrap:anywhere;font-size:12px;line-height:20px}.reference-input p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:20px}.template-fields{gap:16px;min-width:0;display:grid}.template-field,.template-language{overflow-wrap:anywhere;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:500;line-height:19.5px;display:flex}.template-field textarea{box-sizing:border-box;color:#222;resize:none;background:#fff;border:1px solid #dedede;border-radius:10px;outline:none;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:11px 12px;font-size:16px;font-weight:400;line-height:20px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:block;overflow:auto;box-shadow:0 1px 2px #00000005}.template-field textarea::placeholder{color:var(--customize-muted);opacity:1}.template-field textarea:not(:disabled):hover{background:#fff;border-color:#c7c7c7}.template-field textarea:focus-visible{border-color:#858585;box-shadow:0 0 0 3px #11111114}.template-field textarea:disabled{cursor:default;opacity:.55}.template-language-control{min-width:0;display:block;position:relative}.template-language select{appearance:none;box-sizing:border-box;color:#222;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:10px;outline:none;width:100%;min-width:0;height:44px;margin:0;padding:11px 40px 11px 12px;font-size:16px;font-weight:400;line-height:20px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:block;box-shadow:0 1px 2px #00000005}.template-language select:not(:disabled):hover{background:#fff;border-color:#c7c7c7}.template-language select:focus-visible{border-color:#858585;box-shadow:0 0 0 3px #11111114}.template-language select:disabled{cursor:default;opacity:.55}.template-language-chevron{pointer-events:none;color:#737373;transition:transform .15s,color .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.template-language-control:focus-within .template-language-chevron{color:#222}.template-language-control:has(select:open) .template-language-chevron{transform:translateY(-50%)rotate(180deg)}@supports (appearance:base-select) and selector(::picker(select)){@media (width>=768px) and (pointer:fine){.template-language select{appearance:base-select}.template-language select::picker(select){appearance:base-select}.template-language select::picker-icon{display:none}.template-language select::picker(select){border:1px solid var(--customize-border);color:#222;background:#fff;border-radius:12px;margin-block-start:6px;padding:5px;font-family:UNIPPromptGeist,Arial,sans-serif;font-size:14px;box-shadow:0 12px 32px #00000014,0 2px 8px #0000000a}.template-language option{white-space:normal;overflow-wrap:anywhere;border-radius:7px;gap:12px;min-height:38px;padding:9px 10px;line-height:20px}.template-language option:hover,.template-language option:focus-visible{background:#f2f2f2;outline:none}.template-language option:checked{background:#f5f5f5;font-weight:500}.template-language option::checkmark{color:#666;order:1;margin-inline-start:auto}}}.prompt-customize-page :is(a,button,[role=button]):focus-visible{outline-offset:3px;outline:2px solid #8c8c8c}.customize-result{flex-direction:column;grid-area:result;gap:8px;min-width:0;display:flex}.result-toolbar{z-index:2;background:#fff;flex:none;justify-content:space-between;align-items:center;gap:12px;height:40px;margin:0 -4px;padding:0 4px;display:flex;position:sticky;top:0}.quiet-button{height:24px;color:var(--customize-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.quiet-button:hover{color:#111;background:#f2f2f2}.quiet-button:disabled{opacity:.5}.result-text{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;background:#f2f2f2;border-radius:10px;padding:12px 16px;font-size:13.5px;line-height:24px}.result-text mark{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#7e2a0c;background:#ffedd5;border-radius:6px;padding:0 2px;font-weight:500;transition:background-color .15s}.result-text mark:hover{background:#ffd7a8}.result-note{color:var(--customize-muted);font-size:12px;line-height:20px}.customize-result .copy-status.error{color:var(--color-error);font-size:12px;line-height:20px}.copy-icons{place-items:center;width:12px;height:12px;display:grid;position:relative;overflow:hidden}.copy-icons svg{pointer-events:none;grid-area:1/1}.result-copy [data-copy-check],.result-copy[data-copy-state=copied] [data-copy-icon]{opacity:0;filter:blur(3px);transform:translateY(-12px)}.result-copy[data-copy-state=copied] [data-copy-check]{opacity:1;filter:blur();transform:translateY(0)}@media (width>=640px){.customize-main{padding-left:24px;padding-right:24px}.controls-scroll{padding:20px}}@media (width>=768px){.template-field textarea,.template-language select{height:40px;padding-block:9px;font-size:14px;line-height:20px}.template-field textarea{min-height:40px}}@media (width>=1024px){.customize-main{padding-left:32px;padding-right:32px}.customize-grid{grid-template:"reference result""controls result"1fr/380px minmax(0,1fr);gap:24px 48px}.customize-controls{max-height:calc(100dvh - 48px);display:flex;position:sticky;top:24px}.controls-scroll{overscroll-behavior:contain;width:100%;overflow-y:auto}.customize-main:has([data-scroll-ready]){padding-bottom:24px}.customize-grid[data-scroll-ready]{min-height:calc(100dvh - 48px + var(--preview-scroll-range));overflow-anchor:none;grid-template-rows:auto;grid-template-areas:"editor result"}[data-scroll-ready]>.customize-editor{gap:var(--preview-reference-gap);flex-direction:column;grid-area:editor;min-width:0;display:flex;position:sticky;top:24px}[data-scroll-ready] .customize-reference{height:var(--preview-reference-space);flex:none;display:block;position:relative}[data-scroll-ready] .customize-cover{top:var(--preview-image-y);left:var(--preview-image-x);z-index:3;width:var(--preview-image-width);position:absolute}[data-scroll-ready] .customize-controls{min-height:0;max-height:max(100px,calc(100dvh - 48px - var(--preview-reference-space) - var(--preview-reference-gap)));position:relative;top:auto}[data-scroll-ready] .controls-scroll{overscroll-behavior:auto;min-height:0;overflow:hidden}[data-scroll-ready] .controls-content{width:100%;max-height:max(0px,calc(100dvh - 90px - var(--preview-reference-space) - var(--preview-reference-gap)))}[data-scroll-ready] .controls-overview{min-height:var(--preview-overview-height);flex-direction:column;flex:none;gap:12px;padding-inline-end:var(--preview-overview-inset);display:flex}[data-scroll-ready] .template-inputs{overscroll-behavior:auto;min-height:0;margin:-3px;padding:3px;overflow-y:auto}[data-scroll-ready] .customize-result{max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow-y:auto}}