.tools-content .island-content-inner{display:block}.tool-page{--tool-line:rgba(232,222,198,0.1);--tool-muted:rgba(238,234,223,0.59);--tool-gold:#e7c571;color:#f1eee6;display:flex;flex-direction:column;gap:22px;min-width:0;padding-bottom:4px}.tool-page a,.tool-page button,.tool-page input,.tool-page textarea{-webkit-tap-highlight-color:transparent}.tool-page a:focus-visible,.tool-page button:focus-visible,.tool-page summary:focus-visible{outline:2px solid var(--tool-gold);outline-offset:4px}.tool-header{justify-content:space-between;gap:20px;padding:2px 0 3px}.tool-eyebrow,.tool-header{display:flex;align-items:center}.tool-eyebrow{gap:7px;color:var(--tool-gold);font:600 10px/1.5 var(--font-geist-mono,monospace);letter-spacing:.15em}.tool-header h1{font-size:clamp(25px,2.5vw,34px);line-height:1.3;font-weight:750;margin:10px 0 9px;letter-spacing:.02em}.tool-header p{color:var(--tool-muted);font-size:13px;line-height:1.8;margin:0}.tool-tutorial-link{display:flex;flex-shrink:0;align-items:center;gap:8px;color:#e7d4a5;border:1px solid rgba(231,197,113,.2);padding:10px 13px;border-radius:10px;background:rgba(231,197,113,.055);font-size:12px;transition:background .2s}.tool-tutorial-link:hover{background:rgba(231,197,113,.12)}.tool-panel{min-width:0;border:1px solid var(--tool-line);border-radius:16px;padding:22px;background:linear-gradient(140deg,rgba(20,24,29,.8),rgba(14,18,24,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.tool-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.tool-panel-heading h2{font-size:17px;font-weight:650;line-height:1.5;margin:6px 0 0}.tool-status{display:inline-flex;gap:6px;align-items:center;flex-shrink:0;font-size:10px;color:#d6c9a8;background:rgba(231,197,113,.07);padding:5px 8px;border:1px solid rgba(231,197,113,.13);border-radius:20px}.tool-live-dot{display:block;width:5px;height:5px;border-radius:50%;background:#b4cf9b;box-shadow:0 0 6px #b4cf9b44}.tool-page .tool-hint{line-height:1.85}.tool-note,.tool-page .tool-hint{font-size:11px;color:var(--tool-muted);margin:0}.tool-note{line-height:1.9;padding:12px 15px;border-left:2px solid rgba(231,197,113,.28);background:rgba(231,197,113,.035);border-radius:0 8px 8px 0}.tool-accent{color:var(--tool-gold)}.tool-input{width:100%;min-width:0;border:1px solid rgba(231,197,113,.16);border-radius:10px;background:rgba(0,0,0,.2);padding:12px 14px;font-size:13px;line-height:1.8;color:#f3eee2;outline:none;transition:border-color .2s}.tool-input:focus{border-color:#bfa365;box-shadow:0 0 0 3px #e7c5710a}.tool-input::placeholder{color:rgba(238,234,223,.32)}.tool-code{display:block;width:100%;min-width:0;resize:vertical;border:1px solid rgba(231,197,113,.14);border-radius:9px;background:rgba(0,0,0,.3);padding:13px;color:#dfd2b2;font:11px/1.9 monospace;overflow-wrap:anywhere;word-break:break-all;white-space:pre-wrap}.tool-code:focus{outline:1px solid var(--tool-gold)}.tool-error{color:#f5b6ad;background:rgba(239,111,97,.08);border:1px solid #ef6f6133;border-radius:9px;font-size:12px;line-height:1.8;padding:11px;margin:0}.tool-segments{display:flex;padding:4px;gap:4px;border-radius:9px;border:1px solid var(--tool-line);background:rgba(0,0,0,.2)}.tool-segments button{flex:1;border:1px solid transparent;border-radius:6px;padding:8px 5px;font-size:12px;color:var(--tool-muted);cursor:pointer;transition:all .15s}.tool-segments button[aria-pressed=true]{color:#f1d99c;background:rgba(231,197,113,.12);border-color:#e7c57122}.tool-segments button:hover{color:#f1d99c}.tool-inline-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--tool-gold);cursor:pointer}.tool-inline-link:disabled{opacity:.35;cursor:default}.tool-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--tool-line);padding:15px 20px;border-radius:12px;background:rgba(8,12,19,.3);gap:10px}.tool-steps>div{display:flex;gap:10px;align-items:center;color:rgba(238,234,223,.4);font-size:12px}.tool-steps>div>span{display:grid;flex-shrink:0;place-items:center;width:25px;height:25px;border:1px solid var(--tool-line);border-radius:50%;font:11px monospace}.tool-steps .is-current{color:#e7d9b7}.tool-steps .is-current>span{background:#d1ab5122;border-color:#d1ab5144;color:#f3d688}.tool-guide{border:1px solid var(--tool-line);border-radius:12px;background:rgba(12,16,23,.5);scroll-margin-top:20px}.tool-guide summary{display:flex;align-items:center;gap:12px;padding:16px 19px;cursor:pointer;list-style:none}.tool-guide summary::-webkit-details-marker{display:none}.tool-guide-icon{color:var(--tool-gold);background:#e7c5710d;border:1px solid #e7c57122;padding:9px;border-radius:9px}.tool-guide summary strong{display:block;font-size:12px;font-weight:550}.tool-guide summary small{display:block;color:var(--tool-muted);font-size:10px;margin-top:4px}.tool-video-badge{display:flex;align-items:center;gap:5px;margin-left:auto;padding:5px 8px;border:1px solid var(--tool-line);border-radius:6px;color:var(--tool-muted);font-size:10px;white-space:nowrap}.tool-guide-chevron{color:var(--tool-muted);flex-shrink:0}.tool-guide[open] .tool-guide-chevron{transform:rotate(180deg)}.tool-guide-body{padding:0 20px 20px}.tool-guide-body ol{display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--tool-line)}.tool-guide-body li{display:flex;gap:12px;align-items:flex-start}.tool-guide-body li>span{display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;border:1px solid #e7c57133;border-radius:50%;color:var(--tool-gold);font-size:10px}.tool-guide-body p{margin:0;color:#d5d0c4;font-size:12px;line-height:1.9}.skin-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}.skin-preview-panel{display:flex;flex-direction:column;position:sticky;top:0}.skin-stage{position:relative;height:360px;min-height:260px;border:1px solid var(--tool-line);border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 68%,#e7c57112 0,transparent 60%),linear-gradient(180deg,#10182099,#0a0f16cc)}.skin-stage-ring{width:170px;height:55px;bottom:50px;left:calc(50% - 85px);border-radius:50%;border:1px solid #e7c57125;box-shadow:0 0 55px #e7c5710d,inset 0 0 25px #e7c57109}.skin-stage-ring,.skin-stage-tip{position:absolute;pointer-events:none}.skin-stage-tip{bottom:13px;width:100%;text-align:center;font-size:10px;color:var(--tool-muted)}.skin-source{display:flex;align-items:center;gap:8px;min-width:0;padding:15px 0;font-size:11px;color:var(--tool-muted)}.skin-source span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-source svg{flex-shrink:0}.skin-models{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.skin-models button{cursor:pointer;text-align:left;padding:12px;border:1px solid var(--tool-line);border-radius:9px;background:rgba(0,0,0,.15)}.skin-models strong{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px;font-weight:550}.skin-models small{display:block;font-size:10px;color:var(--tool-muted);margin-top:5px}.skin-models .is-active{border-color:#e7c57166;background:#e7c5710c;color:#f3dca0}.skin-controls{display:flex;flex-direction:column;gap:18px;min-width:0}.skin-discovery p{font-size:12px;color:var(--tool-muted);line-height:1.9;margin:0 0 15px}.skin-site-link{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid #e7c57133;border-radius:10px;background:linear-gradient(120deg,#e7c57112,#e7c57104);color:#ead39b;transition:background .2s}.skin-site-link:hover{background:#e7c5711c}.skin-site-link strong{font-size:13px;font-weight:550}.skin-site-link small{display:block;font-size:10px;color:var(--tool-muted);margin-top:5px}.skin-upload-panel{display:flex;flex-direction:column;gap:15px}.skin-upload-panel .tool-panel-heading{margin-bottom:0}.skin-dropzone{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:20px;border:1px dashed #e7c57144;border-radius:10px;background:#e7c57103;cursor:pointer;transition:all .2s;overflow-wrap:anywhere}.skin-dropzone.is-dragging,.skin-dropzone:hover{background:#e7c5710d;border-color:#e7c57199}.skin-drop-icon{display:grid;place-items:center;padding:10px;border-radius:11px;color:#d7be81;background:#e7c5710a;margin-bottom:12px}.skin-dropzone strong{font-size:13px;font-weight:550}.skin-dropzone>span:not(.skin-drop-icon){font-size:11px;color:var(--tool-muted);margin-top:7px}.skin-dropzone small{font-size:10px;color:rgba(238,234,223,.37);margin-top:15px}.skin-dropzone.has-file{border-color:#b9c99a66}.skin-dropzone.has-file .skin-drop-icon{color:#c4d3aa}.skin-dropzone:disabled{cursor:wait}.skin-upload-button{width:100%;min-height:42px}.skin-link-form{display:flex;flex-direction:column;gap:12px}.skin-link-form label{font-size:12px;color:var(--tool-muted)}.skin-result{display:flex;flex-direction:column;gap:18px}.skin-result .skin-result-heading{margin:0;flex-shrink:0}.skin-page .skin-result .skin-result-heading{margin:0}.skin-page .skin-result .skin-result-heading h2{margin:0;font-size:18px;line-height:1.5}.skin-result .skin-result-heading h2{margin:0;font-size:18px}.skin-command-panel{display:flex;flex-direction:column;justify-content:safe center;flex:1;min-height:0;gap:20px;padding:28px;border:1px solid var(--tool-line);border-radius:12px;background:#00000019;overflow-y:auto}.skin-command-panel h3{font-size:19px;font-weight:650}.skin-command-panel>p{color:var(--tool-muted);font-size:12px;line-height:1.8;margin-top:-10px}.skin-command-panel .skin-instructions{margin-top:8px;gap:18px}.skin-command-panel .skin-instructions li{display:flex;align-items:center;gap:12px;line-height:1.8}.skin-command-panel .skin-instructions li>span{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid #e7c57126;border-radius:50%;color:#d6c9a8;font-size:11px}.skin-result>button{flex-shrink:0}.skin-success-icon{display:grid;place-items:center;color:#c6d8a9;background:#abc48013;border:1px solid #abc48033;border-radius:13px;width:58px;height:58px}.skin-result h2{font-size:22px;line-height:1.6;font-weight:650;margin:-5px 0 0}.skin-result>p:not(.tool-note){color:var(--tool-muted);font-size:12px;line-height:1.9;margin:0}.skin-instructions{display:grid;gap:14px;padding:5px 0;font-size:12px;color:#d2cbbb}.skin-instructions kbd{font:11px monospace;padding:4px 6px;background:#ffffff08;border:1px solid #ffffff18;border-radius:4px;margin-right:3px;box-shadow:0 2px 0 #0004}.damage-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start}.damage-presets{padding-bottom:18px;border-bottom:1px solid var(--tool-line)}.damage-presets>span{color:var(--tool-muted);font-size:11px}.damage-presets>div{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.damage-presets button{border:1px solid var(--tool-line);border-radius:6px;padding:6px 9px;font-size:11px;background:#0002;cursor:pointer;color:#ccc6b8}.damage-presets button[aria-pressed=true]{color:#efd69c;background:#e7c57113;border-color:#e7c57144}.damage-presets small{color:var(--tool-muted);font-size:10px;line-height:1.7}.damage-fields{display:grid;gap:22px;margin-top:22px}.damage-field{min-width:0}.damage-field-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.damage-field label{display:flex;align-items:center;gap:9px;font-size:13px}.damage-field label>span{color:#b1a17a;font:10px monospace}.damage-value{display:flex;align-items:center;gap:5px;border:1px solid #e7c57126;border-radius:7px;background:#0003;padding:7px 9px}.damage-value input{width:58px;text-align:right;font:13px monospace;color:#eedcae;outline:none;appearance:textfield}.damage-value input::-webkit-inner-spin-button{appearance:none}.damage-value>span{font-size:10px;color:var(--tool-muted)}.damage-field p{color:var(--tool-muted);font-size:11px;line-height:1.75;margin:10px 0 0}.damage-results{display:flex;flex-direction:column;gap:18px;min-width:0;position:sticky;top:0}.damage-final{background:radial-gradient(ellipse at 80% 0,#e7c5710e,transparent 70%),linear-gradient(145deg,#1e2224d9,#121820e6);border-color:#e7c57133}.damage-final .tool-panel-heading{color:#b59a60}.damage-final-label{color:#e4d8b9;font-size:13px;margin:22px 0 10px}.damage-number{display:flex;align-items:baseline;gap:10px}.damage-number output{font:600 clamp(40px,4.7vw,66px)/1.15 var(--font-geist-mono,monospace);letter-spacing:-.05em;color:#f0d38b;text-shadow:0 0 40px #e7c57116;overflow-wrap:anywhere;min-width:0}.damage-number>span{font-size:13px;color:#a49676}.damage-hearts{display:flex;align-items:center;gap:7px;font-size:12px;color:#c5b89d;margin:17px 0 24px}.damage-hearts svg{color:#d29a8c}.damage-hearts strong{color:#eadcbb}.damage-meter{height:5px;border-radius:5px;background:#ffffff0d;overflow:hidden}.damage-meter span{display:block;height:100%;background:linear-gradient(90deg,#a58a52,#e8cb80);border-radius:5px;transition:width .2s}.damage-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:10px;color:var(--tool-muted);margin:12px 0 22px}.damage-summary strong{color:#dbc99f;font-weight:500}.damage-final>button{width:100%}.damage-breakdown ol{display:grid;gap:0}.damage-breakdown li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--tool-line);font-size:11px}.damage-breakdown li:first-child{padding-top:0}.damage-breakdown li:last-child{border:none}.damage-breakdown li>span{display:flex;align-items:center;gap:8px;color:var(--tool-muted)}.damage-breakdown li:last-child>span{color:#e7c571}.damage-breakdown li>strong{font:12px monospace;font-weight:500}.damage-breakdown .tool-hint{border-top:1px solid var(--tool-line);padding-top:12px}.palette-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:start}.palette-controls,.palette-results{display:flex;flex-direction:column;gap:18px;min-width:0}.palette-results{position:sticky;top:0}.palette-text-input{min-height:105px;resize:vertical}.palette-text-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:10px;line-height:1.7;color:var(--tool-muted)}.palette-text-meta>span:last-child{flex-shrink:0;font:10px monospace}.palette-mode-hint{padding:10px 0 17px}.palette-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.palette-presets button{min-width:0;border-radius:8px;border:1px solid var(--tool-line);padding:6px;cursor:pointer;background:#ffffff02;transition:border-color .2s}.palette-presets button:hover{border-color:#e7c57166}.palette-presets button>span{display:block;height:25px;border-radius:4px;margin-bottom:6px}.palette-presets strong{display:block;color:#cdc7b9;font-size:10px;font-weight:500;padding-bottom:2px}.palette-custom-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--tool-line);padding-top:19px;margin:20px 0 12px;font-size:11px;color:#d5cebe}.palette-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.palette-color{display:flex;align-items:center;min-width:0;border:1px solid var(--tool-line);border-radius:7px;padding:5px;gap:5px;background:#0002}.palette-color>input[type=color]{flex-shrink:0;cursor:pointer;appearance:none;border:none;padding:0;width:26px;height:26px;background:transparent}.palette-color>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.palette-color>input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.palette-color>input[type=text]{min-width:0;width:100%;color:#c8bea8;font:10px monospace;outline:none}.palette-color>input[type=text]:focus{color:#ffe9ad}.palette-color>button{cursor:pointer;padding:3px;color:#bfae8b}.palette-color>button:disabled{opacity:.18;cursor:default}.palette-rgb-help{margin-top:17px;font-size:11px;color:var(--tool-muted)}.palette-rgb-help summary{cursor:pointer}.palette-rgb-help p{margin:10px 0 0;line-height:1.9}.palette-preview-panel{border-color:#e7c5712b}.palette-preview{display:flex;flex-direction:column;justify-content:space-between;min-height:240px;padding:17px;background:radial-gradient(ellipse at 50% 120%,#36414988,transparent 65%),#0b1017;border:1px solid #e7c5711c;border-radius:11px;overflow:hidden;transition:background .2s}.palette-preview.is-light{background:#eee8dd}.palette-preview-label{color:#a99c815f;font-size:9px;letter-spacing:.1em}.palette-preview-text{font-weight:700;line-height:1.8;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;padding:26px 0;text-shadow:0 2px 16px #0002}.palette-preview-caption{text-align:center;color:#a99c8170;font-size:9px;line-height:1.7}.palette-preview.is-light .palette-preview-caption,.palette-preview.is-light .palette-preview-label{color:#6b6049a0}.palette-preview-empty{font-size:18px;color:#ffffff55}.palette-preview-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;color:var(--tool-muted);font-size:10px}.palette-preview-tools label{display:flex;align-items:center;gap:8px}.palette-preview-tools input{width:75px;accent-color:#d8b966}.palette-preview-tools button{cursor:pointer;color:#c4b796}.palette-output-panel .tool-panel-heading{margin-bottom:10px}.palette-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 12px}.palette-formats>button{padding:10px 3px;border:1px solid var(--tool-line);border-radius:8px;cursor:pointer;background:#0002}.palette-formats strong{display:block;font-size:11px;font-weight:550}.palette-formats small{display:block;color:var(--tool-muted);margin-top:5px;font-size:9px}.palette-formats>button[aria-pressed=true]{color:#edd49b;background:#e7c5710c;border-color:#e7c57155}.palette-format-description{color:#b8b1a1;font-size:11px;line-height:1.9;margin:0;min-height:42px}.palette-format-example{display:flex;flex-wrap:wrap;gap:7px;color:#a69b81;font-size:10px;margin:10px 0 18px}.palette-format-example code{color:#c9b788;font-size:10px;overflow-wrap:anywhere}.palette-code-label{display:flex;justify-content:space-between;gap:8px;color:#c6bcaa;font-size:11px;margin-bottom:9px}.palette-code-label>span{font-size:10px;color:var(--tool-muted)}.palette-copy-button{width:100%;margin:13px 0 10px}.palette-code-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px}.palette-code-heading .palette-code-label{display:flex;flex-wrap:wrap;margin:0}.palette-code-heading .palette-copy-button{width:auto;margin:0;flex-shrink:0}.palette-format-help,.palette-output-help{color:var(--tool-muted);font-size:11px;line-height:1.8}.palette-format-help summary,.palette-output-help summary{cursor:pointer;color:#d5c49e}.palette-format-help[open] .palette-format-description{margin-top:10px}.palette-output-help{margin-top:12px}.palette-output-help[open] p{margin-top:8px}@media (min-width:1500px){.skin-stage{height:420px}.tool-panel{padding:25px}.palette-preview{min-height:280px}}@media (max-width:1150px) and (min-width:768px){.damage-workspace,.palette-workspace,.skin-workspace{grid-template-columns:minmax(0,1fr)}.damage-results,.palette-results,.skin-preview-panel{position:static}.skin-stage{height:320px}}@media (max-width:767px){.tools-sidebar.island-sidebar{padding:14px 12px 10px}.tools-sidebar .island-sidebar-header{padding:0 4px 12px;margin-bottom:8px;display:flex;align-items:center;gap:10px;border:none}.tools-sidebar .island-sidebar-header h2{margin:0;font-size:18px}.tools-sidebar .island-sidebar-header p{display:none}.tools-sidebar .island-sidebar-label{font-size:9px;min-height:22px;padding:4px 7px}.tools-sidebar .island-sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tools-sidebar .island-nav-group{padding:0;border:none;background:transparent}.tools-sidebar .island-nav-item{justify-content:center;gap:5px;padding:8px 5px;min-height:37px;font-size:11px;border-radius:8px}.tools-sidebar .island-nav-icon{width:14px;flex-basis:14px;font-size:12px}.tool-page{gap:17px}.tool-header{align-items:flex-start;gap:9px}.tool-header h1{font-size:26px}.tool-header p{font-size:12px}.tool-tutorial-link{margin-top:4px;padding:9px;gap:5px;font-size:10px}.tool-tutorial-link svg:last-child{display:none}.tool-panel{padding:17px;border-radius:13px}.tool-panel-heading h2{font-size:16px}.damage-workspace,.palette-workspace,.skin-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.damage-results,.palette-results,.skin-preview-panel{position:static}.skin-preview-panel{order:2}.skin-stage{height:310px}.palette-controls,.palette-results,.skin-controls{gap:16px}.tool-steps{padding:12px 10px;gap:5px}.tool-steps>div{flex-direction:column;align-items:flex-start;gap:7px;font-size:10px}.tool-steps>div>span{width:23px;height:23px}.tool-guide summary{padding:14px 12px;gap:9px;flex-wrap:wrap}.tool-guide summary strong{font-size:11px}.tool-guide summary small{font-size:9px}.tool-video-badge{font-size:9px;padding:5px}.tool-guide-chevron{display:none}.damage-results{display:contents}.damage-final{grid-row:1}.damage-inputs{grid-row:2}.damage-breakdown{grid-row:3}.damage-results>.tool-note{grid-row:4}.damage-number output{font-size:56px}.damage-summary{font-size:11px}.damage-final-label{margin-top:8px}.damage-hearts{margin-bottom:18px}.palette-preview{min-height:240px}.palette-controls,.palette-results{display:contents}.palette-text-panel{grid-row:1}.palette-preview-panel{grid-row:2}.palette-output-panel{grid-row:4}.palette-colors-panel{grid-row:3}}@media (prefers-reduced-motion:reduce){.tool-page *,.tool-page :after,.tool-page :before{transition:none!important;animation:none!important}}.skin-tutorial-dialog{width:min(620px,calc(100vw - 32px));max-width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;background:#141b24;padding:30px;border:1px solid #e7c57144;box-shadow:0 25px 100px #0009;gap:22px}.skin-tutorial-dialog [data-slot=dialog-header]{padding-right:25px;gap:12px}.skin-tutorial-dialog [data-slot=dialog-title]{color:#f3e6c9;font-size:23px;line-height:1.5}.skin-tutorial-dialog [data-slot=dialog-description]{font-size:13px;line-height:1.8;color:#c0b8a7}.skin-tutorial-close{position:absolute;top:22px;right:20px;display:grid;place-items:center;width:32px;height:32px;border-radius:7px;color:#cfbf98;cursor:pointer}.skin-tutorial-close:hover{background:#e7c57115}.skin-tutorial-steps{display:grid;gap:19px}.skin-tutorial-steps li{display:flex;align-items:flex-start;gap:14px}.skin-tutorial-steps li>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;font-size:12px;color:#ecd293;border:1px solid #e7c57144;background:#e7c5710c;border-radius:50%}.skin-tutorial-steps h3{font-size:14px;line-height:1.8;font-weight:600;margin:0 0 6px}.skin-tutorial-steps p{color:#beb7a8;font-size:12px;line-height:1.9;margin:0}.skin-tutorial-video,.skin-tutorial-video-note{display:flex;align-items:center;gap:8px;color:#bdad89;font-size:12px;line-height:1.8;padding:12px;border-radius:9px;border:1px solid #e7c57122;background:#e7c57106;margin:0}.skin-tutorial-video-note svg{flex-shrink:0}.skin-tutorial-done{background:#d7b460;color:#241e11;border-radius:9px;padding:12px;font-size:13px;font-weight:600;cursor:pointer}.skin-tutorial-done:hover{background:#ebce89}.skin-page{gap:16px;padding:0}.skin-page .tool-header{justify-content:space-between;align-items:center;gap:22px;padding:0 0 15px;border-bottom:1px solid var(--tool-line)}.skin-page .tool-header h1{font-size:29px;margin:6px 0}.skin-page .tool-header p{font-size:13px}.skin-page .tool-header .tool-eyebrow{font-size:10px}.skin-tutorial-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;color:#ddc994;padding:9px 12px;border:1px solid #e7c57124;border-radius:8px;background:#e7c57105;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.skin-tutorial-button:hover{background:#e7c57110;border-color:#e7c57155}.skin-progress{display:flex;align-items:center;align-self:flex-start;width:min(100%,780px);gap:18px;min-height:40px;padding:0 2px}.skin-progress>div{display:flex;flex:1;align-items:center;gap:10px;color:#c9cdd5;font-size:14px;font-weight:600;white-space:nowrap}.skin-progress>div>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;color:#aeb2bb;background:#ffffff07;border:1px solid #ffffff16;font:11px monospace}.skin-progress>div.is-current{color:#f0dcab}.skin-progress>div.is-current>span{color:#f2d891;border-color:#d8b56866;background:#d8b56814}.skin-progress-arrow{margin-left:auto;color:#9c927d}.skin-page .skin-workspace{gap:18px;margin:0}.skin-page .tool-panel-heading h2{font-size:18px}.skin-page .skin-models small{font-size:10px}@media (min-width:1100px) and (min-height:620px){.tools-content:has(.skin-page){overflow-y:auto}.tools-content>.island-content-inner:has(>.skin-page){height:100%;min-height:0;padding:22px 28px;box-sizing:border-box}.skin-page{height:100%;min-height:0;gap:14px}.skin-page>.skin-progress,.skin-page>.tool-header{flex-shrink:0}.skin-page .skin-workspace{flex:1;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.skin-page .tool-panel{padding:18px 20px;min-height:0}.skin-page .tool-panel-heading{margin-bottom:12px}.skin-page .skin-preview-panel{position:static;height:100%;min-height:0}.skin-page .skin-stage{flex:1;height:auto;min-height:0}.skin-page .skin-source{flex-shrink:0;padding:11px 0}.skin-page .skin-models{flex-shrink:0;margin-bottom:8px}.skin-page .skin-models button{padding:11px 12px}.skin-page .skin-preview-panel>.tool-hint{flex-shrink:0;font-size:10px}.skin-page .skin-controls{display:flex;flex-direction:column;gap:14px;height:100%;min-height:0}.skin-page .skin-discovery{flex-shrink:0}.skin-page .skin-discovery .tool-panel-heading{margin-bottom:8px}.skin-page .skin-discovery .tool-eyebrow,.skin-page .skin-upload-panel .tool-eyebrow{display:none}.skin-page .skin-discovery p{margin-bottom:10px;font-size:11px;line-height:1.7}.skin-page .skin-site-link{padding:10px 12px}.skin-page .skin-site-link small{display:none}.skin-page .skin-upload-panel{flex:1;min-height:0;gap:11px}.skin-page .skin-upload-panel .tool-panel-heading{margin-bottom:0;flex-shrink:0}.skin-page .skin-upload-panel .tool-segments{flex-shrink:0}.skin-page .skin-dropzone{flex:1;min-height:75px;padding:14px}.skin-page .skin-drop-icon{padding:8px;margin-bottom:10px}.skin-page .skin-dropzone strong{font-size:15px}.skin-page .skin-dropzone>span:not(.skin-drop-icon){font-size:12px;margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-page .skin-dropzone small{font-size:10px;margin-top:12px}.skin-page .skin-upload-button{flex-shrink:0;min-height:40px;font-size:13px}.skin-page .skin-upload-panel>.tool-hint{flex-shrink:0;font-size:10px}.skin-page .skin-link-form{flex:1;min-height:0;justify-content:center;gap:10px}.skin-page .skin-result{height:100%;gap:14px}.skin-page .skin-result .skin-success-icon{width:45px;height:45px}.skin-page .skin-result h2{font-size:20px}.skin-page .skin-instructions{gap:10px}}@media (min-width:1100px) and (max-height:800px) and (min-height:620px){.tools-content>.island-content-inner:has(>.skin-page){padding:16px 22px}.skin-page{gap:10px}.skin-page .tool-header{padding-bottom:10px}.skin-page .tool-header h1{font-size:26px;margin:4px 0}.skin-page .tool-panel{padding:14px 16px}.skin-page .skin-controls{gap:10px}.skin-page .skin-discovery p{display:none}.skin-page .skin-discovery .tool-panel-heading{margin-bottom:8px}.skin-page .skin-discovery h2,.skin-page .skin-preview-panel h2,.skin-page .skin-upload-panel h2{font-size:15px;margin:0}.skin-page .skin-upload-panel{gap:8px}.skin-page .skin-drop-icon{margin-bottom:5px;padding:5px}.skin-page .skin-dropzone small{margin-top:8px}.skin-page .skin-source{padding:8px 0}.skin-page .skin-models button{padding:9px 10px}.skin-page .skin-result{gap:10px}.skin-page .skin-result h2{font-size:18px}.skin-page .skin-instructions{gap:8px}.skin-page .skin-result .tool-note{padding:8px 10px;font-size:10px}}@media (max-width:767px){.skin-page .tool-header{gap:12px;flex-direction:row;align-items:center;padding-bottom:14px}.skin-page .tool-header h1{font-size:26px}.skin-page .tool-header p{font-size:12px}.skin-tutorial-button{padding:8px 9px;font-size:11px;gap:5px}.skin-tutorial-button svg{width:15px;height:15px}.skin-progress{gap:6px;width:100%;justify-content:space-between}.skin-progress>div{gap:5px;font-size:11px}.skin-progress>div>span{width:20px;height:20px;font-size:10px}.skin-progress-arrow{width:11px;margin-left:0}.skin-page .skin-dropzone{min-height:220px}.skin-tutorial-dialog{padding:23px}.skin-tutorial-dialog [data-slot=dialog-title]{font-size:20px}}@media (max-width:360px){.skin-progress>div{font-size:10px;gap:4px}.skin-progress-arrow{display:none}}@media (min-width:1100px) and (max-height:700px) and (min-height:620px){.skin-page .skin-drop-icon{display:none}.skin-page .skin-dropzone{padding:8px}.skin-page .skin-dropzone strong{font-size:13px}.skin-page .skin-dropzone>span:not(.skin-drop-icon){font-size:10px}.skin-page .skin-result{justify-content:center}}@media (min-width:1100px) and (min-height:740px) and (max-height:800px){.skin-page .skin-command-panel{padding:16px;gap:14px}.skin-page .skin-command-panel h3{font-size:16px}.skin-page .skin-command-panel .skin-instructions{gap:10px;margin-top:0}.skin-page .skin-result .skin-result-heading h2{font-size:15px}}@media (max-width:767px){.skin-command-panel{padding:18px;gap:16px}.skin-command-panel h3{font-size:17px}.skin-command-panel .skin-instructions{gap:12px}}@media (min-width:1100px) and (min-height:620px) and (max-height:739px){.skin-page .skin-command-panel{padding:12px;gap:12px}.skin-page .skin-command-panel h3,.skin-page .skin-command-panel>p{display:none}.skin-page .skin-command-panel .tool-code{padding:10px;line-height:1.6}.skin-page .skin-command-panel .skin-instructions{gap:8px;margin-top:0}.skin-page .skin-result .skin-result-heading h2{font-size:15px}}.damage-inputs .damage-fields{margin-top:4px}.damage-final .tool-panel-heading{margin-bottom:12px}.damage-final .tool-panel-heading .damage-final-label{margin:0}.palette-page .palette-text-input{height:88px;min-height:88px;max-height:160px;resize:vertical}.palette-page .palette-preset-groups{display:grid;gap:16px}.palette-page .palette-group-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:8px}.palette-page .palette-group-heading h3{margin:0;color:#f1eee6;font-size:13px;font-weight:600}.palette-page .palette-group-heading>span{color:var(--tool-muted);font-size:11px}.palette-page .palette-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.palette-page .palette-presets button{padding:8px;min-height:64px}.palette-page .palette-presets button>span{height:22px;margin-bottom:7px}.palette-page .palette-presets strong{font-size:12px;white-space:nowrap}.palette-page .palette-presets button[aria-pressed=true]{border-color:#ddbd78;background:#e7c57112;box-shadow:0 0 0 1px #ddbd7833}.palette-page .palette-presets button:focus-visible{outline:2px solid #ddbd78;outline-offset:3px}.palette-page .palette-preview{min-height:108px;padding:18px;justify-content:center}.palette-page .palette-preview-caption,.palette-page .palette-preview-label{display:none}.palette-page .palette-preview-text{padding:0;line-height:1.5;max-height:160px;overflow-y:auto}.palette-page .palette-output-panel textarea{height:clamp(180px,25vh,300px);min-height:180px;resize:vertical}.palette-page .palette-output-panel{display:flex;flex-direction:column;gap:14px}.palette-page .palette-code-heading,.palette-page .palette-formats,.palette-page .palette-output-help,.palette-page .palette-output-panel .tool-panel-heading{margin:0}.palette-page .palette-formats>button{padding:12px 5px}@media (min-width:1151px){.tools-content>.island-content-inner:has(>.palette-page){height:auto;min-height:100%;padding:24px 28px;box-sizing:border-box}.palette-page{height:auto;min-height:0;padding-bottom:0;gap:22px}.palette-page .palette-workspace{display:grid;flex:none;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:auto auto;gap:20px;align-items:start}.palette-page .palette-controls,.palette-page .palette-results{display:contents}.palette-page .palette-text-panel{grid-area:1/1}.palette-page .palette-preview-panel{grid-area:1/2}.palette-page .palette-colors-panel{grid-area:2/1}.palette-page .palette-output-panel{grid-area:2/2}.palette-page .tool-panel{padding:20px}}@media (min-width:1500px){.palette-page .palette-presets{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:767px){.palette-page .palette-text-meta{font-size:11px}.palette-page .palette-output-panel textarea{height:180px}}.palette-page .tool-panel-heading{margin-bottom:12px}.palette-page .tool-panel-heading h2{margin:0}.palette-page .palette-mode-hint{padding:7px 0 12px}.palette-page .palette-custom-heading{margin:14px 0 8px;padding-top:12px}.palette-page .palette-rgb-help{margin-top:12px}@media (min-width:768px){.palette-page .palette-colors{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1151px){.tools-content>.island-content-inner:has(>.palette-page){padding:18px 24px}.palette-page{gap:16px}.palette-page .palette-workspace{gap:16px;align-items:stretch}.palette-page .tool-panel{padding:16px}.palette-page .tool-panel-heading{margin-bottom:10px}.palette-page .palette-text-input{height:76px;min-height:76px}.palette-page .palette-preview{min-height:92px;padding:12px 16px}.palette-page .palette-preset-groups{gap:10px}.palette-page .palette-group-heading{margin-bottom:6px}.palette-page .palette-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.palette-page .palette-presets button{padding:5px;min-height:46px}.palette-page .palette-presets button>span{height:16px;margin-bottom:4px}.palette-page .palette-presets strong{font-size:11px;line-height:16px;padding-bottom:0}.palette-page .palette-mode-hint{padding:5px 0 9px}.palette-page .palette-custom-heading{margin:10px 0 7px;padding-top:9px}.palette-page .palette-rgb-help{margin-top:9px}.palette-page .palette-output-panel{gap:12px}.palette-page .palette-output-panel textarea{flex:1;height:auto;min-height:180px}}@media (min-width:1151px) and (max-height:900px){.tools-content>.island-content-inner:has(>.palette-page){padding:12px 20px}.palette-page{gap:12px}.palette-page .tool-header h1{font-size:28px;margin:4px 0 6px}.palette-page .palette-workspace{gap:12px}.palette-page .tool-panel{padding:12px 14px}.palette-page .palette-text-input{height:64px;min-height:64px}.palette-page .palette-preview{min-height:76px;padding:8px 12px}.palette-page .palette-presets button{min-height:42px;padding:4px}.palette-page .palette-presets button>span{height:14px}.palette-page .palette-preset-groups{gap:8px}.palette-page .palette-group-heading{margin-bottom:4px}}@media (min-width:1151px) and (max-height:800px){.palette-page .tool-header p{display:none}.palette-page .tool-header h1{font-size:26px;margin:2px 0 0}.palette-page{gap:10px}.palette-page .tool-panel{padding:10px 12px}.palette-page .palette-text-input{height:56px;min-height:56px}.palette-page .palette-preview{min-height:60px;padding:6px 12px}.palette-page .palette-presets button{min-height:36px;padding:3px}.palette-page .palette-presets button>span{height:12px;margin-bottom:3px}.palette-page .palette-presets strong{font-size:11px;line-height:14px}.palette-page .palette-group-heading h3{font-size:12px;line-height:16px}.palette-page .palette-group-heading>span{display:none}.palette-page .tool-segments button{padding:5px}.palette-page .palette-mode-hint{padding:4px 0 6px}.palette-page .palette-output-panel{gap:8px}.palette-page .palette-formats>button{padding:8px 4px}.palette-page .palette-output-panel textarea{min-height:145px}}@media (min-width:1151px) and (min-height:740px){.tools-content>.island-content-inner:has(>.palette-page){height:100%;min-height:0}.palette-page{height:100%;min-height:0}.palette-page .tool-header{flex:none}.palette-page .palette-workspace{flex:1;min-height:0;grid-template-rows:auto minmax(0,1fr)}.palette-page .tool-panel{min-height:0}.palette-page .palette-colors-panel{display:flex;flex-direction:column}.palette-page .palette-colors-panel>:not(.palette-preset-groups){flex-shrink:0}.palette-page .palette-preset-groups{flex:1;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr))}.palette-page .palette-preset-group{display:flex;flex-direction:column;min-height:0}.palette-page .palette-group-heading{flex-shrink:0}.palette-page .palette-presets{flex:1;min-height:0}.palette-page .palette-presets button{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:0}.palette-page .palette-presets button>span{flex:1;min-height:12px;max-height:48px}.palette-page .palette-output-panel>:not(textarea),.palette-page .palette-presets strong{flex-shrink:0}.palette-page .palette-output-panel textarea{min-height:0;resize:none}.palette-page .palette-colors{max-height:96px;overflow-y:auto}.palette-page .palette-colors-panel{container:palette-colors/size}.palette-page .palette-preset-groups{display:flex;flex-direction:column;justify-content:space-evenly;gap:8px}.palette-page .palette-preset-group{display:block;flex:none}.palette-page .palette-presets{flex:none;grid-template-columns:repeat(6,minmax(0,1fr))}.palette-page .palette-presets button{display:block;height:36px;min-height:36px;padding:3px}.palette-page .palette-presets button>span{flex:none;height:12px;min-height:0;max-height:none;margin-bottom:3px}.palette-page .palette-presets strong{font-size:11px;line-height:14px}}@container palette-colors (min-height: 480px){.palette-page .palette-presets button{height:52px;min-height:52px;padding:6px}.palette-page .palette-presets button>span{height:20px;margin-bottom:5px}.palette-page .palette-presets strong{font-size:12px;line-height:16px}}@container palette-colors (min-height: 580px){.palette-page .palette-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.palette-page .palette-presets button{height:46px;min-height:46px;padding:4px 8px}.palette-page .palette-presets button>span{height:16px;margin-bottom:3px}}@container palette-colors (min-height: 640px){.palette-page .palette-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.palette-page .palette-presets button{height:48px;min-height:48px;padding:5px 8px}.palette-page .palette-presets button>span{height:18px;margin-bottom:4px}}@container palette-colors (min-height: 720px){.palette-page .palette-presets button{height:60px;min-height:60px;padding:7px 9px}.palette-page .palette-presets button>span{height:24px;margin-bottom:6px}}@container palette-colors (min-height: 850px){.palette-page .palette-presets button{height:72px;min-height:72px;padding:9px}.palette-page .palette-presets button>span{height:30px;margin-bottom:6px}}.palette-page .palette-results.tool-panel{display:flex;flex-direction:column;gap:0;min-width:0}.palette-page .palette-results>section{border:0;background:none;box-shadow:none;border-radius:0;padding:0;min-width:0}.palette-page .palette-results .palette-preview-panel{display:flex;flex-direction:column;flex:1.15;min-height:0}.palette-page .palette-results .palette-preview{flex:1;min-height:180px;background:radial-gradient(ellipse at center,#25324755,transparent 75%),#0b1017}.palette-page .palette-results .palette-preview.is-light{background:#f5f0e6}.palette-page .palette-results .palette-preview-text{max-height:100%;line-height:1.65;padding:10px}.palette-page .palette-results .palette-preview-tools{margin:12px 0 0}.palette-page .palette-results .palette-output-panel{flex:1;min-height:0;margin-top:20px;padding-top:20px;border-top:1px solid var(--tool-line);gap:12px}.palette-page .palette-results .palette-output-panel h2{font-size:15px}.palette-page .palette-results .palette-output-panel textarea{flex:1;height:auto;min-height:90px;font-size:12px;line-height:1.8}.palette-page .palette-results .palette-copy-button{height:42px;padding:0 20px;border:1px solid #ffe1a0;border-radius:9px;background:linear-gradient(120deg,#f9de9b,#e9b65a);color:#33230d;box-shadow:0 3px 12px #d8a13b25;font-size:13px;font-weight:650;gap:8px}.palette-page .palette-results .palette-copy-button:hover{background:linear-gradient(120deg,#ffebbb,#f6cb7b);box-shadow:0 4px 16px #d8a13b40}.palette-page .palette-results .palette-copy-button:disabled{opacity:.45}.palette-page .palette-presets button>.palette-cycle-swatch{display:flex;justify-content:center;align-items:center;gap:5px;background:#ffffff04;border-radius:4px}.palette-page .palette-cycle-swatch i{font-style:normal;font-size:inherit;font-weight:750;line-height:1;text-shadow:0 1px 4px #0004}@media (min-width:1151px){.palette-page .palette-results.tool-panel{grid-area:1/2/3/3;position:static}}@media (min-width:1151px) and (max-height:800px){.palette-page .palette-results .palette-preview{min-height:120px}.palette-page .palette-results .palette-output-panel{margin-top:12px;padding-top:12px;gap:8px}.palette-page .palette-results .palette-output-panel textarea{min-height:70px}.palette-page .palette-results .palette-copy-button{height:38px;padding:0 14px}}@media (max-width:1150px){.palette-page .palette-results.tool-panel{position:static}.palette-page .palette-results .palette-preview{min-height:200px}.palette-page .palette-results .palette-output-panel textarea{flex:none;height:150px}}@media (max-width:767px){.palette-page .palette-results.tool-panel{grid-row:3}.palette-page .palette-colors-panel{grid-row:2}.palette-page .palette-results .palette-copy-button{padding:0 12px;font-size:12px}}.palette-page .palette-colors-panel>.tool-panel-heading{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--tool-line)}.palette-page .palette-colors-panel>.tool-segments{gap:6px;padding:5px;border:1px solid #e7c57130;border-radius:11px;background:#070c1480}.palette-page .palette-colors-panel>.tool-segments button{min-height:40px;padding:8px;border-radius:7px;border:1px solid transparent;font-size:13px;font-weight:600;color:#b8bdc7;transition:color .18s,background .18s,border-color .18s}.palette-page .palette-colors-panel>.tool-segments button:hover{color:#f9e3b8;background:#e7c5710c}.palette-page .palette-colors-panel>.tool-segments button[aria-pressed=true]{border-color:#e6c276;background:linear-gradient(120deg,#f4d89c,#ddb36a);color:#2d2314;box-shadow:0 2px 8px #0003}.palette-page .palette-group-heading h3{letter-spacing:.02em}.palette-page .palette-presets button{border-color:#b6c5de26;background:#0c121c55;border-radius:8px}.palette-page .palette-presets button:hover{border-color:#d9bd8388;background:#cdb28108}.palette-page .palette-presets button[aria-pressed=true]{border-color:#e2c48a;background:#dfc18310;box-shadow:inset 0 0 0 1px #e2c48a22}.palette-page .palette-results .palette-text-panel{flex:none;margin-bottom:16px}.palette-page .palette-results .palette-text-panel h2{font-size:15px}.palette-page .palette-results .palette-text-input{height:64px;min-height:64px;resize:none}.palette-page .palette-results .palette-text-meta{margin-top:6px}.palette-page .palette-results .palette-preview-panel{flex:1.2}.palette-page .palette-results .palette-preview{min-height:140px}.palette-page .palette-results .palette-output-panel{flex:.8;margin-top:16px;padding-top:16px}.palette-page .palette-results .palette-output-panel textarea{min-height:70px}@media (min-width:1151px){.palette-page .palette-workspace{grid-template-rows:minmax(0,1fr)}.palette-page .palette-colors-panel{grid-area:1/1}.palette-page .palette-results.tool-panel{grid-area:1/2}}@media (min-width:1151px) and (max-height:800px){.palette-page .palette-colors-panel>.tool-panel-heading{padding-bottom:8px;margin-bottom:10px}.palette-page .palette-colors-panel>.tool-segments button{min-height:34px;padding:5px;font-size:12px}.palette-page .palette-results .palette-text-panel{margin-bottom:10px}.palette-page .palette-results .palette-text-input{height:44px;min-height:44px}.palette-page .palette-results .palette-text-meta{margin-top:4px}.palette-page .palette-results .palette-preview{min-height:100px}.palette-page .palette-results .palette-preview-tools{margin-top:8px}.palette-page .palette-results .palette-output-panel{margin-top:10px;padding-top:10px}.palette-page .palette-results .palette-output-panel textarea{min-height:55px}}@media (max-width:1150px){.palette-page .palette-colors-panel,.palette-page .palette-results.tool-panel{grid-area:auto;grid-row:auto}.palette-page .palette-results .palette-preview{min-height:180px}}.palette-page .palette-results .palette-output-panel{flex:none}.palette-page .palette-results .palette-output-panel textarea{flex:none;height:clamp(64px,8vh,100px);min-height:64px}.palette-page .palette-presets button.palette-swatch-preset{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;border-color:#b6c5de18;background:#0b111a40;box-shadow:none}.palette-page .palette-presets button.palette-swatch-preset>span{flex:none;width:70%;max-width:140px;height:8px;min-height:8px;max-height:8px;margin:0 auto 8px;border-radius:999px}.palette-page .palette-presets button.palette-swatch-preset>strong{color:#c6cbd3;font-weight:600}.palette-page .palette-presets button.palette-swatch-preset:hover{border-color:#d9bd8360;background:#d9bd8308}.palette-page .palette-presets button.palette-swatch-preset[aria-pressed=true]{border-color:#d8bd83b0;background:#d9bd8310;box-shadow:inset 0 0 0 1px #d9bd8312}.palette-page .palette-presets button.palette-swatch-preset[aria-pressed=true]>strong{color:#f0d9ad}@media (min-width:1151px) and (max-height:800px){.palette-page .palette-presets button.palette-swatch-preset>span{height:6px;min-height:6px;max-height:6px;margin-bottom:4px}}