/* Premium interaction layer, aligned with the AMHH studio palette. */
button,select,.file-item,.result-card,.drop-zone{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease}
.format-options{gap:9px}
.format-option{position:relative;min-height:66px;overflow:hidden;padding:10px 12px;border:1px solid #ffffff14;border-radius:13px;background:linear-gradient(145deg,#1b1b27,#11121a);text-align:left;box-shadow:inset 0 1px #ffffff08}
.format-option::after{position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%;background:#686275;content:"";transition:background .2s,box-shadow .2s,transform .2s}
.format-option b{font-size:11px;letter-spacing:.8px}.format-option small{max-width:100%;font-size:8px;line-height:1.35}
.format-option:hover:not(:disabled){transform:translateY(-2px);border-color:#a17cff68;background:linear-gradient(145deg,#242036,#14151e);box-shadow:0 9px 22px #0004}
.format-option[aria-pressed="true"]{border-color:#c6a7ff9c;background:linear-gradient(145deg,#302746,#171923 78%);box-shadow:0 0 0 1px #a17cff1c,0 8px 24px #8057ff20,inset 0 1px #ffffff12}
.format-option[aria-pressed="true"]::after{background:var(--image-lime);box-shadow:0 0 0 4px #d3ff4e18,0 0 14px #d3ff4e9c;transform:scale(1.05)}
.format-option:disabled{filter:saturate(.45);opacity:.4}
.plain-select{width:100%;min-height:43px;padding:0 42px 0 13px;appearance:none;border:1px solid #ffffff18;border-radius:12px;background-color:#11121a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d3ff4e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;color:#eee9f6;font-size:10px;cursor:pointer;box-shadow:inset 0 1px #ffffff08}
.plain-select:hover{border-color:#a17cff70;background-color:#171622}.plain-select:focus-visible{border-color:#c6a7ff;outline:2px solid #a17cff52;outline-offset:2px}.plain-select option{background:#171821;color:#f1edfa}
.process-button{position:relative;min-height:49px;border:1px solid #ffffff24;border-radius:13px;background:linear-gradient(105deg,#9d54f0 0%,#7855ef 46%,#25b9ae 100%);box-shadow:0 9px 26px #8057ff30,inset 0 1px #ffffff32;letter-spacing:.15px;overflow:hidden}
.process-button::before{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff27 50%,transparent 70%);transform:translateX(-120%);content:"";transition:transform .55s ease}.process-button:hover:not(:disabled)::before{transform:translateX(120%)}
.process-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 13px 30px #8057ff45,inset 0 1px #ffffff3d}.process-button:active:not(:disabled){transform:translateY(0) scale(.99)}.process-button>*{position:relative;z-index:1}
.text-button{padding:7px 11px;border:1px solid #ffffff14;border-radius:999px;background:#ffffff06;color:#bcb5c9;font-weight:650}.text-button:hover:not(:disabled){border-color:#ff829f55;background:#ff648516;color:#ff9bb0}
.file-item{padding:8px;border-color:#ffffff10;border-radius:13px;background:linear-gradient(110deg,#171821,#11121a);box-shadow:inset 0 1px #ffffff05}.file-item:hover{transform:translateY(-1px);border-color:#a17cff4d;background:#1a1925}
.file-thumb{width:42px;height:42px;border:1px solid #ffffff14;border-radius:9px;background-color:#22212d}.remove-file{width:27px;height:27px;border:1px solid #ffffff0a;border-radius:9px;background:#ffffff05;color:#a9a2b4}.remove-file:hover{transform:rotate(4deg);border-color:#ff648577;background:#ff64851d;color:#ff9bb0}
.result-card{border-color:#ffffff16;border-radius:15px;background:linear-gradient(155deg,#171821,#101117);box-shadow:0 8px 22px #0002}.result-card:hover{transform:translateY(-2px);border-color:#a17cff55;box-shadow:0 13px 29px #0004}.download-button{min-height:32px;padding:0 12px;border-color:#d3ff4e35;border-radius:9px;background:linear-gradient(120deg,#d3ff4e13,#52e1d20b);box-shadow:inset 0 1px #ffffff0b}.download-button:hover:not([aria-disabled="true"]){transform:translateY(-1px);border-color:#d3ff4e9c;background:#d3ff4e1c;box-shadow:0 5px 16px #d3ff4e12}
.drop-zone{border-radius:16px;background:radial-gradient(ellipse at 50% -5%,#a17cff1c,transparent 70%),linear-gradient(145deg,#15151f,#101119)}.drop-zone:hover,.drop-zone.is-dragging{box-shadow:0 0 0 3px #d3ff4e0c,inset 0 0 30px #d3ff4e08}
.setting-note{max-width:58ch;line-height:1.75}
input[type="range"]{width:100%;height:5px;margin:13px 0 8px;appearance:none;border:0;border-radius:99px;background:linear-gradient(90deg,#a17cff,#52e1d2 58%,#d3ff4e);accent-color:var(--image-lime);cursor:pointer}
input[type="range"]::-webkit-slider-thumb{width:16px;height:16px;appearance:none;border:3px solid #eaffb2;border-radius:50%;background:#a17cff;box-shadow:0 0 0 4px #d3ff4e18,0 2px 8px #0008}
input[type="range"]::-moz-range-thumb{width:11px;height:11px;border:3px solid #eaffb2;border-radius:50%;background:#a17cff;box-shadow:0 0 0 4px #d3ff4e18,0 2px 8px #0008}
input[type="range"]:disabled{opacity:.68;cursor:default}
@media(max-width:520px){.format-option{min-height:60px}.plain-select{min-height:45px}.process-button{min-height:48px}}
@media(prefers-reduced-motion:reduce){button,select,.file-item,.result-card,.drop-zone,.process-button::before{transition:none!important}}
