.skin-workspace{--skin-line:#ffffff14;--skin-muted:#a0afa7}.skin-intro,.skin-library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 28px}.skin-intro h2{font:500 clamp(30px,3.3vw,48px)/1.1 Georgia,serif;margin:12px 0}.skin-intro p{color:var(--skin-muted)}.skin-access{font-size:10px;letter-spacing:1.5px;white-space:nowrap;border:1px solid #92b59c45;padding:12px 16px;border-radius:99px;color:#bdd6c3}.skin-editor{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);border:1px solid var(--skin-line);border-radius:22px;overflow:hidden;background:#14231e}.skin-stage{background:radial-gradient(ellipse at 50% 30%,#30473b 0,#111c18 65%);position:relative;min-width:0}.skin-stage-top{display:flex;justify-content:space-between;gap:15px;padding:26px 30px;font-size:10px;letter-spacing:1.5px;color:#bfd2c3}.skin-stage canvas{display:block;width:100%;height:auto}.skin-stage-foot{padding:10px 35px 38px;display:flex;flex-direction:column;gap:12px}.skin-stage-foot b{font:400 30px Georgia,serif;color:#e2e8df}.skin-stage-foot span{max-width:380px;font-size:12px;line-height:1.7;color:#b0bcb2}.skin-specimen{border-top:1px solid var(--skin-line);display:flex;gap:20px;align-items:center;padding:32px 28px}.skin-specimen img{width:42%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.skin-specimen small{font-size:9px;color:#b2c6b7;letter-spacing:1.5px}.skin-specimen strong{display:block;font:400 24px Georgia,serif;margin:10px 0}.skin-specimen p{font-size:11px;line-height:1.7;color:var(--skin-muted);margin:0}.skin-tools{padding:28px;background:#1b2b24;min-width:0}.skin-tools-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.skin-tools>label{display:grid;gap:8px;font-size:11px;color:#b6c7bb;margin-bottom:16px}.skin-tools input,.skin-tools select{width:100%;min-width:0;box-sizing:border-box;background:#102019;color:#e2e9df;border:1px solid #d1e4d326;border-radius:8px;padding:11px 12px;font:inherit}.skin-preset-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:22px 0}.skin-preset{padding:9px 5px;border:1px solid #c3d6bb26;background:#10201855;border-radius:8px;color:#d1ddcf;font-size:11px;cursor:pointer}.skin-preset:hover{border-color:#a9bf9e}.skin-color-list{display:grid;gap:0}.skin-color{display:grid;grid-template-columns:22px minmax(70px,1fr) 35px 78px;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--skin-line);font-size:12px}.skin-color-number{font-size:9px;letter-spacing:1px;color:#7c9a87}.skin-color input[type=color]{width:35px;height:32px;padding:2px;background:#14231c;cursor:pointer;border-radius:7px}.skin-color .skin-hex{font:10px ui-monospace,monospace;letter-spacing:.3px;padding:8px 5px;text-align:center;background:transparent}.skin-save-row{display:flex;flex-direction:column;gap:10px;margin-top:25px}.skin-save-row .button{display:flex;justify-content:space-between}.skin-save-row>span{font-size:10px;color:#a9c1ad;text-align:center}.skin-access-note{font-size:11px;line-height:1.7;color:#a9b9ac}.skin-live{margin:22px 0 40px;display:flex;justify-content:space-between;align-items:center;gap:24px}.skin-live h2{font-size:24px}.skin-live p{font-size:12px;max-width:540px}.skin-live-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.skin-library-heading h2{font:400 30px Georgia,serif;margin:10px 0 0}.skin-library-heading>span{font-size:12px;color:#b9ccbd}.skin-saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skin-saved{border:1px solid var(--skin-line);border-radius:14px;overflow:hidden;background:#182820;transition:transform .2s,border-color .2s}.skin-saved:hover{transform:translateY(-3px);border-color:#91b79a55}.skin-saved>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.skin-saved-copy{padding:20px}.skin-saved-copy>small{font-size:10px;color:#adbdad;letter-spacing:1px}.skin-saved h3{font:400 24px Georgia,serif;margin:9px 0 18px}.skin-card-actions{display:flex;justify-content:space-between;gap:10px;margin:18px 0}.skin-card-actions button{font-size:11px}.skin-apply{width:100%;font-size:11px}.skin-library-empty{grid-column:1/-1;border:1px dashed #abc3aa30;border-radius:14px;text-align:center;padding:35px}.skin-library-empty>span{font-size:33px;color:#9cb693}.skin-library-empty h3{font:400 25px Georgia,serif}.skin-library-empty p{font-size:12px;color:var(--skin-muted)}.skin-archive{margin-top:25px;padding:20px;border:1px solid var(--skin-line);border-radius:12px}.skin-archive summary{cursor:pointer;font-size:12px;color:#b8c9b9}.skin-archive[open] summary{margin-bottom:20px}.skin-workspace button:disabled{opacity:.4;cursor:not-allowed}.skin-workspace :focus-visible{outline:2px solid #ddc697;outline-offset:4px}@media(max-width:1100px){.skin-editor{grid-template-columns:1fr 1fr}.skin-tools{padding:20px}.skin-stage-foot{padding:10px 25px 25px}.skin-specimen{padding:24px 20px;flex-direction:column;align-items:flex-start}.skin-specimen img{width:100%}.skin-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.skin-editor{grid-template-columns:1fr}.skin-intro{align-items:flex-start;flex-direction:column}.skin-stage-top{padding:22px}.skin-specimen{flex-direction:row;align-items:center}.skin-specimen img{width:35%}.skin-stage-foot b{font-size:26px}.skin-live{flex-direction:column;align-items:stretch}.skin-live-actions{flex-direction:row;flex-wrap:wrap}.skin-live-actions .button{flex:1}.skin-saved-grid{grid-template-columns:1fr}.skin-tools{padding:24px}.skin-color{grid-template-columns:22px minmax(70px,1fr) 38px 85px}.skin-library-heading{align-items:flex-end}.skin-library-heading h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.skin-saved{transition:none}.skin-saved:hover{transform:none}}

.skin-intro h1{font:500 clamp(30px,3.3vw,48px)/1.1 Georgia,serif;margin:12px 0}.skin-workspace button.text-link{background:none;border:0;padding:0;font:inherit;font-size:11px;color:#c9d8bb;cursor:pointer;text-align:left}.skin-workspace button.text-link:hover{color:#f0dfae}.skin-stage{display:flex;flex-direction:column}.skin-specimen{margin-top:auto;display:block;position:relative;padding:0}.skin-specimen img{width:100%;height:350px;object-fit:cover;border-radius:0}.skin-specimen>div{position:absolute;inset:auto 0 0;padding:55px 28px 26px;background:linear-gradient(transparent,#0e1b16)}.skin-specimen p{max-width:330px}.skin-specimen strong{font-size:28px}@media(max-width:760px){.skin-specimen img{height:230px}.skin-specimen>div{padding:40px 22px 20px}}

/* Studio palette: named regions instead of decorative shapes. */
.skin-stage{display:flex;flex-direction:column;background:#13221b}.skin-stage-top{padding:24px 28px}.skin-specimen{margin:0;position:relative;flex:none;overflow:hidden;border-top:0;border-bottom:1px solid var(--skin-line)}.skin-specimen img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:0;transition:transform .5s ease}.skin-specimen:hover img{transform:scale(1.025)}.skin-specimen>div{position:absolute;inset:auto 0 0;padding:60px 26px 22px;background:linear-gradient(transparent,#0d1c16f0)}.skin-specimen strong{font:400 32px Georgia,serif;margin:8px 0}.skin-specimen-caption{position:absolute;right:22px;bottom:24px;font-size:9px;letter-spacing:.4px;color:#bcc9bf}.skin-palette-studio{padding:28px;flex:1;background:linear-gradient(145deg,#1c3025,#13211b)}.skin-palette-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.skin-palette-heading>span:last-child{font-size:10px;color:#a7bcac}.skin-palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.skin-swatch-tile{min-width:0;display:flex;flex-direction:column;gap:8px;padding:0 0 9px;background:#102018;border:1px solid #b6c9b41a;border-radius:8px;color:#d7dfd2;cursor:pointer;text-align:left;overflow:hidden;transition:transform .18s,border-color .18s}.skin-swatch-tile:hover,.skin-swatch-tile.selected{border-color:#d1dca1;transform:translateY(-2px)}.skin-swatch-tile canvas{width:100%;height:47px;display:block}.skin-swatch-label{display:flex;flex-direction:column;gap:5px;padding:0 7px;min-height:34px}.skin-swatch-label small{font:8px ui-monospace,monospace;color:#8fa18f}.skin-swatch-label b{font-size:9px;font-weight:500;line-height:1.3}.skin-swatch-tile code{font:8px ui-monospace,monospace;color:#9db19f;padding:0 7px}.skin-preview-note{display:flex;gap:12px;padding:20px 0;margin-top:12px;border-bottom:1px solid var(--skin-line)}.skin-preview-note>span{font-size:20px;color:#c8c99b}.skin-preview-note p{font-size:11px;line-height:1.8;color:#a7bba9;margin:0}.skin-preserve-note{display:flex;justify-content:space-between;gap:12px;padding-top:20px;align-items:center}.skin-preserve-note span{font-size:8px;letter-spacing:1px;color:#95ae98}.skin-preserve-note b{font-size:10px;font-weight:500;color:#bacbb8}@media(max-width:1100px) and (min-width:761px){.skin-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-palette-studio{padding:22px}.skin-specimen-caption{position:static;font-size:9px}.skin-specimen strong{font-size:26px}}@media(max-width:760px){.skin-palette-studio{padding:22px}.skin-palette-grid{gap:7px}.skin-specimen img{height:auto}.skin-specimen strong{font-size:28px}.skin-stage-top{padding:22px}.skin-swatch-label{padding:0 5px}.skin-swatch-tile code{font-size:7px;padding:0 5px}.skin-specimen-caption{bottom:23px;font-size:8px}.skin-preserve-note{padding-top:16px}.skin-preview-note p{font-size:10px}}@media(prefers-reduced-motion:reduce){.skin-specimen img,.skin-swatch-tile{transition:none}.skin-specimen:hover img,.skin-swatch-tile:hover{transform:none}}

.skin-specimen img{aspect-ratio:auto;object-fit:cover}