/* Isolated Skin Forge styles. Shared pages and the existing editor stay untouched. */
:root{color-scheme:dark;--sf-mint:#00ff9d;--sf-cyan:#00d8ff;--sf-text:#f0f2f5;--sf-muted:#999cab;--sf-line:rgba(255,255,255,.1)}
*{box-sizing:border-box}body{margin:0;color:var(--sf-text);font-family:Inter,Arial,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--sf-mint);outline-offset:4px}[hidden]{display:none!important}a{color:inherit}.sf-skip{position:fixed;left:16px;top:-70px;padding:12px;z-index:1000;background:#111}.sf-skip:focus{top:12px}.sf{max-width:1280px;margin:auto;padding:44px 26px 40px}.sf-hero{text-align:center;margin:0 auto 40px}.sf-back{display:block;width:fit-content;margin:0 auto 27px;text-decoration:none;color:var(--sf-muted);font-size:12px}.sf-back:hover{color:var(--sf-mint)}.sf-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#bbcbc7;display:flex;gap:9px;align-items:center;justify-content:center;margin:0 0 14px}.sf-eyebrow span,.sf-badge span{width:6px;height:6px;border-radius:50%;background:var(--sf-mint);box-shadow:0 0 12px #00ff9d77}.sf h1{font-family:Outfit,Inter,Arial,sans-serif;font-size:clamp(34px,4.2vw,54px);letter-spacing:-.045em;line-height:1.08;margin:0;font-weight:800}.sf h1 span{color:var(--sf-mint)}.sf-intro{color:#abb1bc;font-size:15px;line-height:1.75;margin:16px 0 19px}.sf-proof{display:flex;justify-content:center;gap:22px;font-size:11px;color:#c6c9d1}.sf-proof i{font-style:normal;color:var(--sf-mint);margin-right:5px}.sf-workspace{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.4fr);gap:22px;align-items:start}.sf-panel{background:rgba(7,10,16,.87);border:1px solid var(--sf-line);border-radius:22px;box-shadow:0 20px 75px #0004;overflow:hidden;backdrop-filter:blur(16px)}.sf-create{padding:27px}.sf-section-head{display:flex;gap:12px;align-items:center;margin-bottom:24px}.sf-step{font-size:11px;font-weight:700;color:var(--sf-mint);border:1px solid #00ff9d30;border-radius:10px;padding:10px;background:#00ff9d08}.sf-kicker{font-size:9px;font-weight:700;color:var(--sf-muted);letter-spacing:.16em;margin:0 0 6px}.sf h2{font-size:17px;letter-spacing:-.02em;font-weight:700;margin:0}.sf-label,.sf-model legend{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.sf-prompt-wrap{position:relative}.sf textarea{display:block;width:100%;resize:vertical;min-height:158px;max-height:360px;padding:15px 15px 30px;background:#ffffff04;color:var(--sf-text);border:1px solid #ffffff1a;border-radius:13px;line-height:1.7;font-size:13px}.sf textarea::placeholder{color:#6f7583}.sf-prompt-wrap>span{position:absolute;bottom:9px;right:12px;font-size:10px;color:#777e8e;pointer-events:none}.sf-hint{color:var(--sf-muted);font-size:11px;line-height:1.6;margin:9px 0 15px}.sf-ideas{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}.sf-ideas button{font-size:10px;padding:8px 10px;color:#bbc3ce;background:#ffffff05;border:1px solid #ffffff0e;border-radius:8px;transition:background .15s,color .15s}.sf-ideas button:hover{color:var(--sf-mint);background:#00ff9d0a;border-color:#00ff9d40}.sf-model{border:0;border-top:1px solid var(--sf-line);margin:0 0 23px;padding:20px 0 0;min-width:0}.sf-model legend{float:left;width:100%;padding:0}.sf-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;clear:both}.sf-fit-grid label{position:relative;cursor:pointer}.sf-fit-grid input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}.sf-fit-grid label>span{display:grid;grid-template-columns:28px 1fr;gap:3px 9px;align-items:center;padding:13px;border:1px solid #ffffff13;border-radius:11px;transition:.15s}.sf-fit-grid svg{width:24px;height:31px;fill:#6d7781;grid-row:span 2}.sf-fit-grid b{font-size:12px}.sf-fit-grid small{font-size:10px;color:var(--sf-muted)}.sf-fit-grid input:checked+span{border-color:#00ff9d66;background:#00ff9d08}.sf-fit-grid input:checked+span svg{fill:var(--sf-mint)}.sf-fit-grid input:focus-visible+span{outline:2px solid var(--sf-mint);outline-offset:3px}.sf-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 17px;border:1px solid transparent;border-radius:11px;background:#e9eeee;color:#10151a;font-size:12px;font-weight:700;transition:background .15s,transform .15s}.sf-primary:hover:enabled{background:#fff;transform:translateY(-1px)}.sf-primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sf-generate{width:100%;background:var(--sf-mint);min-height:48px}.sf-generate:hover:enabled{background:#6dffca}.sf-status{font-size:12px;line-height:1.6;margin:12px 0 0;color:#bac6c9}.sf-status:empty{display:none}.sf-status[data-tone=error]{color:#ffabb7}.sf-status[data-tone=success]{color:#7fecc2}.sf-account{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:19px;font-size:11px;padding-top:17px;border-top:1px solid var(--sf-line)}.sf-account>span{color:#a6b3bd}.sf-account a{color:var(--sf-mint);font-size:11px;text-decoration:none;white-space:nowrap}.sf-footnote{font-size:10px;line-height:1.7;color:#787f8d;margin:12px 0 0}.sf-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px 0}.sf-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;border-radius:30px;border:1px solid #00ff9d27;padding:7px 10px;color:#adcebe;background:#00ff9d07;white-space:nowrap}.sf-stage{height:405px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#123d352b,transparent 65%)}.sf-canvas,.sf-stage>canvas{display:block;width:100%;height:100%;position:relative;z-index:2;touch-action:none}.sf-stage>#sf-fallback{width:auto;height:83%;image-rendering:pixelated;margin:20px auto}.sf-halo{position:absolute;width:280px;height:280px;border:1px solid #00ff9d18;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);box-shadow:0 0 75px #00ff9d04,inset 0 0 75px #00ff9d04;pointer-events:none}.sf-halo::before,.sf-halo::after{content:"";position:absolute;border:1px solid #00ff9d08;inset:-28px;border-radius:50%}.sf-halo::after{inset:-65px;border-style:dashed;border-color:#00ff9d07}.sf-floor{position:absolute;width:270px;height:74px;background:radial-gradient(ellipse,#00ff9d20,transparent 69%);border:1px solid #00ff9d15;border-radius:50%;bottom:44px;left:50%;transform:translateX(-50%);box-shadow:0 8px 30px #00ff9d04;pointer-events:none}.sf-stage-label{position:absolute;top:28px;left:25px;color:#687970;font-family:monospace;font-size:8px;letter-spacing:.08em}.sf-stage-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;pointer-events:none;font-size:10px;color:#778780;z-index:3}.sf-viewer-notice{position:absolute;bottom:26px;left:15px;right:15px;color:#bbc7c1;text-align:center;font-size:10px;z-index:4}.sf-busy{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#060c12de;backdrop-filter:blur(10px)}.sf-busy b{font-size:16px}.sf-busy>span:last-child{font-size:12px;color:var(--sf-muted)}.sf-orbit{width:42px;height:42px;border:2px solid #00ff9d20;border-top-color:var(--sf-mint);border-radius:50%;animation:sf-spin 1s linear infinite}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 25px 18px}.sf-segment{display:flex;gap:4px;padding:4px;border-radius:10px;border:1px solid #ffffff0d;background:#ffffff03}.sf-controls button{border:0;background:transparent;color:#929daa;padding:8px 12px;border-radius:7px;font-size:10px;min-height:34px}.sf-segment button[aria-pressed=true]{background:#00ff9d12;color:var(--sf-mint)}.sf-view-controls{display:flex;gap:4px}.sf-view-controls #sf-rotate[aria-pressed=true]{color:#abd9c8}.sf-controls button:hover{color:var(--sf-text);background:#ffffff06}.sf-result{border-top:1px solid var(--sf-line);padding:21px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.sf-result h3{font-size:17px;letter-spacing:-.025em;margin:0 0 8px}.sf-result p{font-size:11px;line-height:1.6;color:var(--sf-muted);margin:0;max-width:360px}.sf-result-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:9px;color:#7e9097;margin-top:12px}.sf-result-meta #sf-valid{color:#72c9aa}.sf-download{font-size:11px;white-space:nowrap;padding:10px 12px;flex-shrink:0}.sf-texture{border-top:1px solid var(--sf-line);padding:0 25px;font-size:11px}.sf-texture summary{padding:17px 0;cursor:pointer;color:#bdc7ca;list-style:none;display:flex;align-items:center;gap:9px}.sf-texture summary::before{content:"+";color:var(--sf-mint);font-size:15px}.sf-texture[open] summary::before{content:"−"}.sf-texture summary>span{margin-left:auto;color:#697984;font-size:9px}.sf-texture>div{display:flex;gap:20px;padding:0 0 20px;align-items:center}.sf-texture img{height:128px;width:128px;image-rendering:pixelated;background-color:#12161e;background-image:conic-gradient(#ffffff07 25%,transparent 0 50%,#ffffff07 0 75%,transparent 0);background-size:16px 16px;border:1px solid #ffffff0d}.sf-texture p{color:var(--sf-muted);font-size:11px;line-height:1.8}.sf-texture label{display:block;color:#cad5d3;margin-top:10px;cursor:pointer}.sf-texture input{accent-color:var(--sf-mint);vertical-align:middle;margin:0 7px 0 0}.sf-guide{margin:48px 0 28px}.sf-guide .sf-section-head{margin-bottom:22px}.sf-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--sf-line);padding-top:22px}.sf-guide article b{font-size:12px;font-weight:600}.sf-guide article b span{font-family:monospace;color:#72b6a2;font-size:10px;margin-right:7px}.sf-guide article p{color:var(--sf-muted);font-size:12px;line-height:1.8;margin:9px 0 0}.sf-faq{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.sf-faq details{border-top:1px solid var(--sf-line)}.sf-faq summary{padding:17px 0;cursor:pointer;font-size:12px;color:#b8c1c8}.sf-faq p{font-size:12px;color:var(--sf-muted);line-height:1.8;margin:0 0 18px}.sf-faq a{color:var(--sf-mint)}.sf-disclaimer{font-size:10px;color:#63707d;margin:30px 0 0;text-align:center}
@media(min-width:1500px){.sf-stage{height:450px}}@media(max-width:950px){.sf{padding-inline:18px}.sf-workspace{grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr);gap:16px}.sf-create{padding:21px}.sf-result{flex-direction:column;align-items:stretch;gap:16px}.sf-result p{max-width:none}.sf-download{width:100%}.sf-controls{padding-inline:15px}.sf-controls button{padding:8px 10px}}@media(max-width:720px){.sf{padding:29px 14px 30px}.sf-hero{margin-bottom:27px}.sf-back{margin-bottom:22px}.sf-eyebrow{font-size:8px}.sf h1{font-size:35px}.sf-intro{font-size:13px;line-height:1.7}.sf-proof{gap:13px;font-size:9px}.sf-workspace{grid-template-columns:1fr;gap:18px}.sf-panel{border-radius:18px}.sf-create{padding:22px}.sf textarea{min-height:134px}.sf-stage{height:380px}.sf-preview-head{padding:22px 22px 0}.sf-stage-label{left:22px;font-size:7px}.sf-controls{padding:0 20px 17px}.sf-result{padding:21px 22px}.sf-texture{padding:0 22px}.sf-texture>div{gap:15px}.sf-texture img{width:96px;height:96px}.sf-texture summary>span{font-size:8px}.sf-guide{margin-top:34px}.sf-guide-grid{grid-template-columns:1fr;gap:20px}.sf-faq{grid-template-columns:1fr}.sf-download{min-height:44px}.sf-account{font-size:10px}}@media(prefers-reduced-motion:reduce){.sf *{scroll-behavior:auto!important;transition:none!important}.sf-orbit{animation:none;border-color:var(--sf-mint)}}

/* A compact, sharp skin preview with a neutral texture-inspection background. */
.sf-showcase{backdrop-filter:none}
#preview-title{scroll-margin-top:100px}
.sf-stage{height:468px;margin-top:20px;background-color:#151920;background-image:conic-gradient(#1b2028 25%,transparent 0 50%,#1b2028 0 75%,transparent 0);background-size:28px 28px;border-block:1px solid #ffffff07}
.sf-stage>canvas{max-width:100%;margin-inline:auto;outline-offset:-3px}
.sf-stage-hint{bottom:8px;color:#a6afb8;text-shadow:0 1px 3px #000}
.sf-busy{backdrop-filter:none}
.sf-controls{flex-wrap:wrap;padding:14px 20px;gap:8px 12px}
.sf-motion-controls,.sf-view-controls{display:flex;align-items:center;gap:3px}
.sf-view-controls{margin-left:auto;flex-wrap:wrap}
.sf-controls button{padding:7px 9px;min-width:32px}
.sf-view-controls button[aria-pressed=true]{color:var(--sf-mint);background:#00ff9d0c}
.sf-controls #sf-play{color:#c6d3d0;min-width:48px}
@media(max-width:950px){.sf-motion-controls,.sf-view-controls{justify-content:center;width:100%;margin:0}.sf-controls{justify-content:center}}
@media(max-width:720px){.sf-stage{height:420px}.sf-controls{padding-inline:12px}.sf-fit-grid label>span{padding:12px 10px;gap:3px 6px}.sf-fit-grid small{font-size:9px}}