:root{font-family:Avenir Next,Segoe UI Variable,Segoe UI,Inter,Arial,sans-serif;line-height:1.45;font-weight:400;color:#111;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box}html{background:#fff}body{margin:0;min-width:320px;color:#111;background:radial-gradient(920px 420px at -10% -8%,rgba(255,216,77,.18),transparent 60%),radial-gradient(820px 360px at 110% 0%,rgba(0,0,0,.04),transparent 58%),linear-gradient(180deg,#fff,#fcfcfc 48%,#f5f5f5)}button,input,textarea,select{font:inherit}:root{--bg: #ffffff;--bg-soft: #fafafa;--surface: rgba(255, 255, 255, .88);--surface-2: rgba(255, 255, 255, .72);--surface-3: rgba(255, 240, 188, .36);--surface-border: rgba(17, 17, 17, .12);--surface-border-strong: rgba(17, 17, 17, .22);--text-main: #111111;--text-muted: #505050;--text-soft: #767676;--accent: #ffd84d;--accent-strong: #f4c400;--accent-deep: #d5aa00;--accent-text: #111111;--danger: #b42318;--danger-soft: rgba(180, 35, 24, .08);--shadow-sm: 0 8px 24px rgba(17, 17, 17, .06);--shadow-md: 0 18px 44px rgba(17, 17, 17, .1);--shadow-lg: 0 28px 64px rgba(17, 17, 17, .12);--shadow-glass: 0 18px 36px rgba(255, 216, 77, .16);--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--anim-fast: .16s cubic-bezier(.22,.8,.24,1);--anim-base: .24s cubic-bezier(.22,.8,.24,1);--anim-slow: .42s cubic-bezier(.22,.8,.24,1);--glass-blur: blur(14px) saturate(135%);--glass-blur-strong: blur(20px) saturate(145%)}.app-shell{min-height:100vh;max-width:1100px;margin:0 auto;padding:24px 16px 48px;color:var(--text-main)}.glass-card{background:linear-gradient(180deg,#fffffff2,#ffffffd1),linear-gradient(135deg,#ffd84d14,#fff0);border:1px solid var(--surface-border);box-shadow:var(--shadow-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform var(--anim-base),box-shadow var(--anim-base),border-color var(--anim-base),background var(--anim-slow),backdrop-filter var(--anim-base),border-radius var(--anim-base)}.top-bar{border-radius:var(--radius-lg);padding:20px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.top-bar h1{margin:0;font-size:clamp(1.5rem,1.3rem + 1.1vw,2.2rem);letter-spacing:.01em}.top-bar p{margin:4px 0 0;color:var(--text-muted)}.meta{display:flex;flex-direction:column;gap:6px;text-align:right;font-size:.9rem;color:var(--text-muted)}.wizard-card{border-radius:var(--radius-xl);padding:22px}.stepper{display:flex;gap:8px;margin-bottom:18px}.step{border-radius:999px;border:1px solid var(--surface-border);padding:6px 12px;color:var(--text-muted);font-size:.85rem;background:#ffffffa8;transition:transform var(--anim-fast),border-color var(--anim-base),color var(--anim-base),background var(--anim-base),box-shadow var(--anim-base)}.step.done{background:linear-gradient(135deg,#ffd84d52,#ffe0738f);color:var(--text-main);border-color:#d4aa0061;box-shadow:inset 0 1px #ffffffa6}.step-content h2{margin:0;font-size:1.3rem}.hint{margin-top:10px;color:var(--text-muted)}.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.format-tile{border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:14px;font-size:1rem;background:linear-gradient(180deg,#ffffffeb,#fffc),linear-gradient(135deg,#ffd84d00,#ffd84d14);cursor:pointer;color:var(--text-main);box-shadow:0 8px 18px #1111110a;transition:transform var(--anim-fast),box-shadow var(--anim-base),border-color var(--anim-base),border-radius var(--anim-base),background var(--anim-slow)}.format-tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#11111138}.format-tile.selected{background:linear-gradient(180deg,#fff9def5,#fff4c4e0),linear-gradient(135deg,#ffd84d24,#ffd84d3d);border-color:#d4aa006b;box-shadow:var(--shadow-glass)}.dropzone{margin-top:16px;border:2px dashed rgba(17,17,17,.18);border-radius:var(--radius-md);padding:22px;text-align:center;background:linear-gradient(180deg,#ffffffdb,#ffffffbd),linear-gradient(135deg,#ffd84d08,#fff0);box-shadow:inset 0 1px #ffffffd1;transition:transform var(--anim-base),border-color var(--anim-base),background var(--anim-slow),box-shadow var(--anim-base),border-radius var(--anim-base)}.dropzone:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffdb,0 14px 32px #1111110f}.dropzone.active{border-color:#d4aa00b8;background:linear-gradient(180deg,#fffae5f5,#fff5ccdb),linear-gradient(135deg,#ffd84d2e,#fff0);box-shadow:inset 0 1px #ffffffe6,0 18px 38px #ffd84d2e;transform:translateY(-2px) scale(1.002)}.upload-panel{margin-top:16px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:12px;background:linear-gradient(180deg,#ffffffe6,#ffffffc7),linear-gradient(135deg,#ffd84d08,#fff0);box-shadow:var(--shadow-sm)}.upload-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.progress-track{margin-top:8px;height:9px;border-radius:999px;background:#1111111a;overflow:hidden}.progress-value{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-deep),var(--accent),#ffe98f);box-shadow:inset 0 0 12px #ffffff59;transition:width var(--anim-fast)}.upload-panel ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}.upload-item{border:1px solid rgba(17,17,17,.1);border-radius:12px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#ffffffb8;transition:transform var(--anim-fast),box-shadow var(--anim-base),border-color var(--anim-base)}.upload-item:hover{transform:translateY(-1px);border-color:#1111112e;box-shadow:0 10px 24px #1111110d}.upload-item small{display:block;margin-top:3px;color:var(--text-muted)}.failed-list{margin-top:10px;padding:10px;border-radius:12px;background:var(--danger-soft);color:#752020;border:1px solid rgba(180,35,24,.14)}.failed-list p{margin:0;font-size:.9rem}.preview-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.preview-card{border:1px solid rgba(17,17,17,.1);border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(180deg,#ffffffe6,#ffffffd1),linear-gradient(135deg,#ffd84d0a,#fff0);position:relative;box-shadow:var(--shadow-sm);transition:transform var(--anim-base),box-shadow var(--anim-base),border-radius var(--anim-base),border-color var(--anim-base)}.preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-radius:12px;border-color:#d4aa0038}.preview-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.file-meta{padding:8px}.file-meta p{margin:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta span{color:var(--text-muted);font-size:.82rem}.remove-btn{position:absolute;top:6px;right:6px;border:0;border-radius:999px;width:28px;height:28px;background:#111111bd;color:#fff;cursor:pointer;box-shadow:0 8px 18px #11111124;transition:transform var(--anim-fast),background var(--anim-base),border-radius var(--anim-base),box-shadow var(--anim-base)}.remove-btn:hover{transform:translateY(-1px);background:#111111e6;border-radius:12px}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;color:var(--text-main)}input,textarea{border:1px solid rgba(17,17,17,.16);border-radius:14px;padding:10px 12px;font:inherit;background:linear-gradient(180deg,#fffffff0,#ffffffd6),linear-gradient(135deg,#ffd84d05,#fff0);color:var(--text-main);box-shadow:inset 0 1px #ffffffdb;transition:border-color var(--anim-base),box-shadow var(--anim-base),background var(--anim-base),transform var(--anim-fast),border-radius var(--anim-base)}input:hover,textarea:hover{border-color:#1111113d}input:focus,textarea:focus{outline:none;border-color:#d4aa00b8;box-shadow:0 0 0 4px #ffd84d2e,0 14px 28px #1111110d;background:#fffffffa;transform:translateY(-1px);border-radius:12px}.summary{margin:4px 0 6px;color:var(--text-muted)}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-input{width:18px;height:18px;accent-color:var(--accent-deep)}.checkbox-mark{display:none}.actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.primary-btn,.secondary-btn,.link-btn{border-radius:16px;border:1px solid transparent;padding:11px 16px;font:inherit;font-weight:600;cursor:pointer;transition:transform var(--anim-fast),opacity var(--anim-fast),background var(--anim-base),box-shadow var(--anim-base),border-color var(--anim-base),color var(--anim-base),border-radius var(--anim-base),backdrop-filter var(--anim-base)}.primary-btn{background:linear-gradient(180deg,#ffe684 0%,var(--accent) 55%,var(--accent-strong) 100%);color:var(--accent-text);border-color:#d4aa007a;box-shadow:0 14px 28px #ffd84d3d,inset 0 1px #ffffff85}.primary-btn:hover{transform:translateY(-2px);background:linear-gradient(180deg,#ffffffb8,#fff4c48a),linear-gradient(135deg,#ffd84d47,#ffffff0f);color:var(--text-main);border-color:#11111124;box-shadow:0 18px 34px #1111111a,0 10px 26px #ffd84d33,inset 0 1px #fffc;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-radius:12px}.primary-btn:active{transform:translateY(0);border-radius:10px;box-shadow:0 8px 18px #11111114,inset 0 1px #ffffff9e}.secondary-btn{border-color:#11111124;background:linear-gradient(180deg,#fffffff0,#f8f8f8d6),linear-gradient(135deg,#ffd84d0a,#fff0);color:var(--text-main);box-shadow:0 10px 24px #1111110d}.secondary-btn:hover{transform:translateY(-2px);border-color:#1111112e;background:linear-gradient(180deg,#ffffffe0,#ffffffb8),linear-gradient(135deg,#ffd84d1f,#fff0);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:12px;box-shadow:var(--shadow-sm)}.link-btn{border:0;background:transparent;color:#8f7600;padding:4px 6px}.link-btn:hover{transform:translateY(-1px);color:var(--text-main)}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.done-state{text-align:center}.error-note{margin-top:14px;padding:10px 12px;border-radius:12px;background:#b423181a;color:var(--danger);border:1px solid rgba(180,35,24,.12)}.footer-note{margin-top:16px;text-align:center;color:var(--text-muted)}.expired-modal{position:fixed;inset:0;background:#11111147;display:grid;place-items:center;padding:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn var(--anim-base)}.modal-card{border-radius:20px;padding:18px;max-width:460px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.glass-card,.step,.format-tile,.dropzone,.upload-item,.preview-card,.remove-btn,.primary-btn,.secondary-btn,.link-btn,input,textarea,.expired-modal{transition:none!important;animation:none!important}}@media(max-width:700px){.top-bar{flex-direction:column}.meta{text-align:left}.wizard-card{padding:16px}.format-grid{grid-template-columns:1fr}}