:root{--carousel-card-w:220px;--carousel-img-h:138px;--carousel-card-h:252px}.main{grid-template-columns:repeat(2,minmax(0,1fr))}.main .card.full{grid-column:1/-1}.global{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:16px;margin-bottom:28px;padding:14px 18px;display:flex}.global:has(.sel.open){z-index:30}.global-label{color:var(--ink-2);flex:none;font-size:13px;font-weight:600}.global-sel{width:min(360px,100%)}.head>.switch{align-self:center;margin-left:auto}.switch{cursor:pointer;flex:none;width:34px;height:19px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch-track{background:var(--line-strong);border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch-track:before{content:"";background:var(--ink-2);border-radius:50%;width:15px;height:15px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:before{background:var(--on-accent);transform:translate(15px)}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 3px var(--ring)}.carousel{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.carousel-track{will-change:transform;cursor:grab;gap:20px;padding:4px 0 8px;display:flex}.carousel-track.dragging,.carousel-track.animating,.carousel-track.settling{transition:none!important}.carousel-track.dragging{cursor:grabbing}.carousel-track.dragging .choice label{pointer-events:none}.carousel-track.animating .choice,.carousel-track.animating .choice label,.carousel-track.animating .choice label:after,.carousel-track.settling .choice,.carousel-track.settling .choice label,.carousel-track.settling .choice label:after{transition:none!important}.carousel-nav{border:1px solid var(--line-strong);background:var(--surface);width:38px;height:38px;color:var(--ink-2);cursor:pointer;z-index:5;pointer-events:auto;box-shadow:var(--shadow-1);transition:transform .14s var(--ease-out), background .15s ease, border-color .15s ease, color .15s ease;border-radius:50%;place-items:center;font-size:20px;font-weight:500;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav:active{transform:translateY(-50%)scale(.94)}.carousel-prev{left:6px}.carousel-next{right:6px}.carousel-nav:hover{background:var(--surface-2);border-color:var(--muted);color:var(--ink)}.carousel-nav:disabled{opacity:.35;cursor:not-allowed}.choice{flex:0 0 var(--carousel-card-w);width:var(--carousel-card-w);height:var(--carousel-card-h);opacity:.5;transition:opacity .45s cubic-bezier(.65,0,.35,1);position:relative}.choice.active{opacity:1;z-index:2}@media (width<=640px){:root{--carousel-card-w:min(260px, 72vw);--carousel-img-h:130px;--carousel-card-h:244px}}.choice input{opacity:0;pointer-events:none;position:absolute}.choice label{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;width:100%;height:100%;transition:box-shadow .25s var(--ease-out), border-color .25s var(--ease-out), background .25s var(--ease-out), transform .12s var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.choice label:active{transform:scale(.98)}.choice input:focus-visible+label{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.choice.active label{border-color:var(--section-accent)}.choice input:checked+label{background:var(--section-soft);border-color:var(--section-accent);box-shadow:0 0 0 1px var(--section-accent)}.choice input:checked+label:after{content:"";background:var(--section-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center / 13px 13px;width:22px;height:22px;animation:badge-pop .14s var(--ease-out) forwards;border-radius:50%;position:absolute;top:10px;right:10px}.visual-img-wrap{width:100%;height:var(--carousel-img-h);background:linear-gradient(135deg, var(--surface-2), var(--surface));border-bottom:1px solid var(--line);flex:none;overflow:hidden}.visual-img{object-fit:cover;background:0 0;width:100%;height:100%;display:block}.choice-copy{flex-direction:column;flex:1;justify-content:flex-start;min-height:0;padding:12px 13px 13px;display:flex}.choice strong{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.choice span{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:35.6px;margin-top:4px;font-size:12px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.rules{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rule{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;transition:transform .12s var(--ease-out), background .15s ease, border-color .15s ease, color .15s ease;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:400;line-height:1.4;display:flex}.rule:active{transform:scale(.98)}.rule:hover{border-color:var(--line-strong);background:var(--elevated)}.rule input{appearance:none;border:1.5px solid var(--line-strong);border-radius:var(--r-micro);background:var(--surface-2);cursor:pointer;flex:none;place-items:center;width:18px;height:18px;margin:0;transition:all .15s;display:grid}.rule input:hover{border-color:var(--muted)}.rule input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}.rule input:checked{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center / 12px 12px}.rule:has(input:checked){background:var(--accent-soft);border-color:var(--sel-line);color:var(--ink)}.swatches{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.sw{position:relative}.sw input{opacity:0;position:absolute}.sw label{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:transform .12s var(--ease-out), border-color .15s ease, box-shadow .15s ease;padding:8px;display:block}.sw label:active{transform:scale(.97)}.sw label:hover{border-color:var(--line-strong)}.sw input:focus-visible+label{box-shadow:0 0 0 3px var(--ring)}.sw input:checked+label{border-color:var(--accent)}.color{border-radius:var(--r-micro);border:1px solid #ffffff0f;height:58px}.sn{color:var(--ink);margin-top:8px;font-size:13px;font-weight:600}.sh{color:var(--muted);font-size:12px;font-weight:400}.w170{max-width:170px}.w120{max-width:120px}.combo{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);align-items:center;gap:9px;padding:6px 10px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.combo:hover{border-color:var(--line-strong)}.combo:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.combo input[type=color]{border:1px solid var(--line);border-radius:var(--r-micro);background:var(--surface);cursor:pointer;appearance:none;width:24px;height:24px;padding:0}.combo input[type=color]::-webkit-color-swatch-wrapper{padding:0}.combo input[type=color]::-webkit-color-swatch{border-radius:var(--r-micro);border:none}.combo input[type=text]{background:0 0;border:none;border-radius:0;width:118px;padding:4px 0}.combo input[type=text]:focus{box-shadow:none}.slider{grid-template-columns:104px 1fr 54px;align-items:center;gap:12px;margin-top:14px;font-size:13px;display:grid}.slider span{color:var(--ink-2);font-weight:500}.slider strong{color:var(--ink);text-align:right;font-weight:600}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:none;border-radius:50%;width:15px;height:15px;margin-top:-5.5px;box-shadow:0 1px 3px #0006}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=range]::-moz-range-track{background:var(--line);border-radius:999px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:15px;height:15px}.preview-frame{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-2);padding:10px}.preview{border-radius:var(--r-sm);background:linear-gradient(135deg,#ff9f4a,#ffd39f);flex-direction:column;justify-content:space-between;min-height:260px;padding:18px;display:flex;overflow:hidden}.ptop,.pbot{color:#1f2a24;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.plogo{align-items:center;gap:8px;font-weight:700;display:flex}.plogo img{object-fit:contain;border-radius:var(--r-micro);background:#fff;width:36px;height:36px;padding:4px}.ptitle{letter-spacing:-.04em;color:#1f2a24;max-width:260px;font-size:1.85rem;font-weight:800;line-height:1.02}.prompt-meta:after{content:"ready";color:var(--accent)}.panel .collapse-body{padding-top:0}.panel:not([open]) .panel-bar{border-bottom:0}.restrictions{gap:9px;margin:0;padding:0;list-style:none;display:grid}.restrictions li{color:var(--ink-2);gap:10px;font-size:13px;font-weight:400;line-height:1.5;display:flex}.restrictions li:before{content:"";background:var(--faint);border-radius:50%;flex:none;width:6px;height:6px;margin-top:7px}#about{min-height:170px}#customWrap{margin-top:14px;display:none}.mh100{min-height:100px}.mh85{min-height:85px}.mhWrap{margin-top:12px}.small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.55}@keyframes badge-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.main{grid-template-columns:1fr}}@media (width<=640px){.global{flex-wrap:wrap}.global-sel{width:100%}.swatches,.rules{grid-template-columns:1fr}.w170,.w120{max-width:none}.combo{width:100%}.combo input[type=text]{flex:1;width:auto}}@media (prefers-reduced-motion:reduce){.choice label:active,.rule:active,.sw label:active{transition:none!important;transform:none!important}.carousel-nav,.carousel-nav:active{transition:none!important;transform:translateY(-50%)!important}.choice input:checked+label:after{animation:none!important}}