@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Mono:wght@500&display=swap";.page-wrapper.svelte-1ir8yla.svelte-1ir8yla{min-height:calc(100vh - 64px);padding:40px 20px;display:flex;align-items:center;justify-content:center;background-color:var(--base-color, #aaaaaa);background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.15) 0%,transparent 70%);transition:background-color .4s ease-out;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1a1a24}.calculator-card.svelte-1ir8yla.svelte-1ir8yla{background:rgba(255,255,255,.85);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 40px 80px #00000026,inset 0 2px #fffc;border-radius:32px;width:100%;max-width:760px;padding:48px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.5)}header.svelte-1ir8yla.svelte-1ir8yla{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:24px}h1.svelte-1ir8yla.svelte-1ir8yla{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px;color:#111}.subtitle.svelte-1ir8yla.svelte-1ir8yla{margin:4px 0 0;color:#666;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.action-btn.svelte-1ir8yla.svelte-1ir8yla{display:flex;align-items:center;gap:8px;background:#111;color:#fff;border:none;padding:12px 20px;border-radius:100px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.action-btn.svelte-1ir8yla.svelte-1ir8yla:hover{transform:translateY(-2px);background:#333;box-shadow:0 8px 16px #00000026}.action-btn.svelte-1ir8yla.svelte-1ir8yla:active{transform:translateY(0)}h3.svelte-1ir8yla.svelte-1ir8yla{margin:0 0 16px;font-size:15px;color:#444;text-transform:uppercase;letter-spacing:1.5px}.content.svelte-1ir8yla.svelte-1ir8yla{display:flex;flex-direction:column;gap:32px}.hex-section.svelte-1ir8yla.svelte-1ir8yla{background:rgba(255,255,255,.5);padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.7)}.hex-section.svelte-1ir8yla label.svelte-1ir8yla{display:block;margin-bottom:12px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#555}.input-group.hex-input-group.svelte-1ir8yla.svelte-1ir8yla{display:flex;align-items:center;gap:20px}.color-preview.svelte-1ir8yla.svelte-1ir8yla{width:64px;height:64px;border-radius:16px;box-shadow:0 8px 16px #0000001a,inset 0 2px 4px #fff3;transition:background-color .1s;border:2px solid white;position:relative;overflow:hidden}.color-preview.svelte-1ir8yla input[type=color].svelte-1ir8yla{position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);opacity:0;cursor:pointer}.modern-input.svelte-1ir8yla.svelte-1ir8yla{background:white;border:2px solid transparent;border-radius:12px;padding:12px 16px;font-family:Roboto Mono,monospace;font-size:16px;font-weight:500;color:#111;box-shadow:0 2px 8px #0000000a;transition:all .2s;width:100%;box-sizing:border-box}.modern-input.svelte-1ir8yla.svelte-1ir8yla:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 4px #007aff26}.hex-input.svelte-1ir8yla.svelte-1ir8yla{font-size:24px;text-transform:uppercase;max-width:200px}.sliders-body.svelte-1ir8yla.svelte-1ir8yla{display:grid;grid-template-columns:1fr 1fr;gap:24px}.internal-grid.svelte-1ir8yla.svelte-1ir8yla{background:rgba(255,255,255,.4);padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.6)}.group.svelte-1ir8yla.svelte-1ir8yla{display:flex;align-items:center;margin-bottom:16px;gap:16px}.group.svelte-1ir8yla.svelte-1ir8yla:last-child{margin-bottom:0}.group.svelte-1ir8yla label.svelte-1ir8yla{width:24px;font-weight:700;font-size:18px;color:#333}.tweak-section.svelte-1ir8yla.svelte-1ir8yla{background:rgba(255,255,255,.5);padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.7)}.tweak-control-bar.svelte-1ir8yla.svelte-1ir8yla{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:center}.tweak-button-block.svelte-1ir8yla.svelte-1ir8yla{display:flex;flex-direction:column;gap:6px}.tweak-row.svelte-1ir8yla.svelte-1ir8yla{display:flex;gap:6px}.tweak-dropdown-block.svelte-1ir8yla.svelte-1ir8yla{display:flex;flex-direction:column;gap:8px;align-items:center}.tweak-label.svelte-1ir8yla.svelte-1ir8yla{font-family:Inter,sans-serif;font-weight:700;font-size:14px;color:#0006}.modern-select.svelte-1ir8yla.svelte-1ir8yla{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:white;border:2px solid transparent;padding:10px 36px 10px 16px;font-size:15px;font-weight:600;border-radius:12px;color:#111;cursor:pointer;box-shadow:0 4px 12px #0000000f;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:all .2s ease}.modern-select.svelte-1ir8yla.svelte-1ir8yla:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 4px #007aff26}.tweak-btn.svelte-1ir8yla.svelte-1ir8yla{background:white;border:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px;font-family:Roboto Mono,monospace;font-weight:600;font-size:16px;color:#333;cursor:pointer;transition:all .1s ease;box-shadow:0 2px 6px #0000000f,0 1px #0000000d inset}.tweak-btn.svelte-1ir8yla.svelte-1ir8yla:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.tweak-btn.svelte-1ir8yla.svelte-1ir8yla:active{transform:translateY(1px);box-shadow:0 1px 2px #0000000d}.tweak-btn.plus.svelte-1ir8yla.svelte-1ir8yla{color:#007aff;background:rgba(0,122,255,.05);border:1px solid rgba(0,122,255,.1)}.tweak-btn.plus.svelte-1ir8yla.svelte-1ir8yla:hover{background:rgba(0,122,255,.1)}.tweak-btn.minus.svelte-1ir8yla.svelte-1ir8yla{color:#ff3b30;background:rgba(255,59,48,.05);border:1px solid rgba(255,59,48,.1)}.tweak-btn.minus.svelte-1ir8yla.svelte-1ir8yla:hover{background:rgba(255,59,48,.1)}input[type=number].svelte-1ir8yla.svelte-1ir8yla::-webkit-inner-spin-button,input[type=number].svelte-1ir8yla.svelte-1ir8yla::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].svelte-1ir8yla.svelte-1ir8yla{-moz-appearance:textfield}@media (max-width: 768px){.calculator-card.svelte-1ir8yla.svelte-1ir8yla{padding:24px}.sliders-body.svelte-1ir8yla.svelte-1ir8yla{grid-template-columns:1fr}.tweak-control-bar.svelte-1ir8yla.svelte-1ir8yla{flex-direction:column}}