:root{--ye-ease-out: cubic-bezier(.23, 1, .32, 1);--ye-ease-in-out: cubic-bezier(.77, 0, .175, 1);--ye-ease-drawer: cubic-bezier(.32, .72, 0, 1);--ye-ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ye-dur-press: .14s;--ye-dur-hover: .15s;--ye-dur-swap: .16s;--ye-dur-tooltip: 125ms;--ye-dur-popover: .18s;--ye-dur-popover-exit: .12s;--ye-dur-modal: .24s;--ye-dur-modal-exit: .16s;--ye-dur-drawer: .32s;--ye-dur-drawer-exit: .22s;--ye-dur-toast: .24s;--ye-dur-expand: .3s;--ye-dur-collapse: .22s;--ye-dur-page: .26s;--ye-dur-page-back: .22s;--ye-dur-alpha: .12s;--ye-dur-stagger: 40ms;--ye-spring-settle: linear(0, .0191, .0676, .1346, .2117, .2932, .3747, .4532, .5269, .5946, .6557, .7101, .758, .7996, .8355, .866, .8918, .9135, .9315, .9463, .9585, .9683, .9762, .9825, .9875, .9913, .9943, .9965, .9982, .9994, 1.0003, 1.0008, 1.0012, 1.0014, 1.0015, 1.0015, 1.0015, 1.0014, 1.0013, 1.0012, 1);--ye-spring-settle-dur: .34s;--ye-spring-swipe: linear(0, .0209, .0739, .1469, .231, .3193, .4072, .4912, .5693, .6402, .7034, .7587, .8064, .847, .8811, .9093, .9324, .951, .9658, .9774, .9862, .9929, .9978, 1.0013, 1.0036, 1.0051, 1.0059, 1.0063, 1.0062, 1.006, 1.0056, 1.0051, 1.0045, 1.004, 1.0034, 1.0029, 1.0024, 1.002, 1.0017, 1.0013, 1);--ye-spring-swipe-dur: 355ms;--ye-spring-press-down: linear(0, .0223, .0769, .1498, .2313, .3148, .3962, .4728, .5433, .6069, .6635, .7134, .7569, .7946, .827, .8547, .8783, .8983, .9152, .9295, .9414, .9514, .9598, .9668, .9726, .9774, .9814, .9847, .9874, .9897, .9915, .993, .9943, .9953, .9962, .9969, .9975, .9979, .9983, .9986, 1);--ye-spring-press-down-dur: 235ms;--ye-spring-press-up: linear(0, .0295, .1049, .2089, .3275, .4501, .5685, .6774, .7734, .8548, .9212, .9731, 1.0118, 1.0388, 1.056, 1.0651, 1.0681, 1.0663, 1.0614, 1.0544, 1.0464, 1.0381, 1.03, 1.0225, 1.0159, 1.0103, 1.0057, 1.0021, .9994, .9975, .9963, .9956, .9954, .9955, .9958, .9963, .9968, .9974, .9979, .9984, 1);--ye-spring-press-up-dur: .46s;--ye-spring-page: linear(0, .0227, .0783, .1523, .2348, .3192, .4012, .4782, .5489, .6125, .6691, .7187, .762, .7993, .8313, .8587, .8819, .9016, .9181, .932, .9437, .9534, .9615, .9683, .9739, .9785, .9823, .9855, .9881, .9903, .992, .9935, .9947, .9957, .9965, .9971, .9976, .9981, .9984, .9987, 1);--ye-spring-page-dur: .46s;--ye-spring-drag: linear(0, .021, .0743, .1478, .2322, .3209, .409, .4932, .5714, .6423, .7055, .7607, .8083, .8487, .8826, .9107, .9336, .952, .9666, .978, .9868, .9933, .9981, 1.0015, 1.0038, 1.0052, 1.006, 1.0063, 1.0062, 1.006, 1.0055, 1.005, 1.0045, 1.0039, 1.0034, 1.0029, 1.0024, 1.002, 1.0016, 1.0013, 1);--ye-spring-drag-dur: 625ms;--ye-spring-pop: linear(0, .029, .1024, .2028, .3166, .4335, .5462, .6498, .7414, .8196, .8841, .9355, .975, 1.0039, 1.024, 1.0366, 1.0435, 1.0459, 1.0451, 1.0421, 1.0376, 1.0325, 1.0271, 1.0219, 1.017, 1.0127, 1.009, 1.0059, 1.0034, 1.0015, 1, .9991, .9984, .998, .9979, .9979, .998, .9982, .9985, .9987, 1);--ye-spring-pop-dur: .57s;--ye-gesture-press-scale: .97;--ye-gesture-enter-scale: .96;--ye-gesture-flick-px-per-ms: .11;--ye-gesture-commit-fling-dp-per-s: 1250;--ye-gesture-page-shift: 20px;--ye-radius-pill: 999px;--ye-radius-r0: 12px;--ye-radius-r1: 12px;--ye-radius-r2: 20px;--ye-radius-r3: 28px;--ye-size-touch: 48px;--ye-size-primary: 56px;--ye-size-icon: 24px;--ye-size-hairline: 1px;--ye-size-chip: 40px;--ye-space-unit: 4px;--ye-space-grid: 8px;--ye-space-gutter: 16px;--ye-space-margin: 20px;--ye-space-section: 24px;--ye-icon-stroke: 2;--ye-font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Ubuntu Sans", Ubuntu, Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ye-type-h1-size: 24px;--ye-type-h1-line: 32px;--ye-type-h1-weight: 700;--ye-type-h2-size: 16px;--ye-type-h2-line: 24px;--ye-type-h2-weight: 600;--ye-type-body-size: 16px;--ye-type-body-line: 24px;--ye-type-body-weight: 400;--ye-type-muted-size: 14px;--ye-type-muted-line: 20px;--ye-type-muted-weight: 400;--ye-type-title-size: 24px;--ye-type-title-line: 32px;--ye-type-title-weight: 700;--ye-type-caption-size: 14px;--ye-type-caption-line: 20px;--ye-type-caption-weight: 400}:root,:root[data-theme=light]{--ye-bg: #ffffff;--ye-fg: #000000;--ye-on-fg: #ffffff;--ye-dim: rgba(0,0,0,.6);--ye-line: rgba(0,0,0,.14);--ye-tone: rgba(0,0,0,.05);--ye-tone2: rgba(0,0,0,.09);--ye-surface: #f2f2f2;--ye-toast-bg: #1a1a1a;--ye-toast-fg: #ffffff;--ye-danger: #c4221a;--ye-on-danger: #ffffff;--ye-err: #b3261e;--ye-scrim: rgba(0,0,0,.4);--ye-field-line: rgba(0,0,0,.42);--ye-field-line-focus: #000000;--ye-search-fill: rgba(0,0,0,.05)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ye-bg: #000000;--ye-fg: #ffffff;--ye-on-fg: #000000;--ye-dim: rgba(255,255,255,.6);--ye-line: rgba(255,255,255,.12);--ye-tone: rgba(255,255,255,.08);--ye-tone2: rgba(255,255,255,.14);--ye-surface: #161616;--ye-toast-bg: #ececec;--ye-toast-fg: #000000;--ye-danger: #ff5449;--ye-on-danger: #000000;--ye-err: #ff8a80;--ye-scrim: rgba(0,0,0,.6);--ye-field-line: rgba(255,255,255,.38);--ye-field-line-focus: #ffffff;--ye-search-fill: rgba(255,255,255,.1)}}:root[data-theme=dark],.ye-dark{--ye-bg: #000000;--ye-fg: #ffffff;--ye-on-fg: #000000;--ye-dim: rgba(255,255,255,.6);--ye-line: rgba(255,255,255,.12);--ye-tone: rgba(255,255,255,.08);--ye-tone2: rgba(255,255,255,.14);--ye-surface: #161616;--ye-toast-bg: #ececec;--ye-toast-fg: #000000;--ye-danger: #ff5449;--ye-on-danger: #000000;--ye-err: #ff8a80;--ye-scrim: rgba(0,0,0,.6);--ye-field-line: rgba(255,255,255,.38);--ye-field-line-focus: #ffffff;--ye-search-fill: rgba(255,255,255,.1)}.ye-text-h1,.ye-text-title{font-size:var(--ye-type-h1-size);line-height:var(--ye-type-h1-line);font-weight:var(--ye-type-h1-weight);margin:0}.ye-text-h2{font-size:var(--ye-type-h2-size);line-height:var(--ye-type-h2-line);font-weight:var(--ye-type-h2-weight);margin:0}.ye-text-body{font-size:var(--ye-type-body-size);line-height:var(--ye-type-body-line);font-weight:var(--ye-type-body-weight);margin:0}.ye-text-muted,.ye-text-caption{font-size:var(--ye-type-muted-size);line-height:var(--ye-type-muted-line);color:var(--ye-dim);margin:0}.ye-muted{color:var(--ye-dim);font-size:var(--ye-type-muted-size);margin:0}.ye-error{color:var(--ye-err);font-size:var(--ye-type-muted-size);margin:0}.ye-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;min-height:var(--ye-size-primary);width:fit-content;max-width:100%;border-radius:var(--ye-radius-pill);color:var(--ye-tab-fg, var(--ye-dim));font-size:var(--ye-type-muted-size);transition:color .2s var(--ye-ease-emphasized),background-color .2s var(--ye-ease-emphasized)}.ye-tab.is-active,.ye-tab[aria-current=page]{color:var(--ye-tab-active-fg, var(--ye-fg))}.ye-tab:active{background:var(--ye-tab-pressed, var(--ye-tone))}.ye-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;min-height:64px;padding:8px 12px 8px 16px;background:var(--ye-bg)}.ye-topbar-title{flex:1;min-width:0}.ye-topbar-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ye-topbar-actions{display:flex;gap:4px;align-items:center}.ye-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--ye-iconbtn-size, var(--ye-size-touch));height:var(--ye-iconbtn-size, var(--ye-size-touch));flex:none;border-radius:50%;color:var(--ye-fg);background:var(--ye-iconbtn-bg, transparent);transition:background-color .15s var(--ye-ease-emphasized),opacity .15s var(--ye-ease-emphasized),transform .1s var(--ye-ease-emphasized)}.ye-iconbtn:hover{background:var(--ye-iconbtn-hover, var(--ye-tone))}.ye-iconbtn:active,.ye-iconbtn.is-active{background:var(--ye-tone2)}.ye-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ye-pill-h, var(--ye-size-touch));padding:0 var(--ye-pill-px, 20px);border-radius:var(--ye-radius-pill);font-weight:var(--ye-pill-weight, 600);white-space:nowrap;transition:background-color .15s var(--ye-ease-emphasized),transform .1s var(--ye-ease-emphasized)}.ye-pill:active:not(:disabled){transform:scale(.97)}.ye-pill-primary{background:var(--ye-pill-primary-bg, var(--ye-fg));color:var(--ye-pill-primary-fg, var(--ye-on-fg))}.ye-pill-secondary{background:var(--ye-pill-secondary-bg, var(--ye-tone2))}.ye-pill-ghost{background:transparent}.ye-pill-ghost:hover,.ye-pill-ghost.is-on{background:var(--ye-tone)}.ye-pill-danger{background:var(--ye-pill-danger-bg, var(--ye-danger));color:var(--ye-pill-danger-fg, var(--ye-on-danger))}.ye-listitem{display:flex;align-items:center;gap:16px;min-height:var(--ye-size-primary);padding:4px 12px;border-radius:var(--ye-radius-r1);text-align:left}.ye-listitem-dense{min-height:var(--ye-size-touch)}.ye-listitem-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ye-listitem-thumb{width:40px;height:40px;border-radius:var(--ye-radius-r1);object-fit:cover}.ye-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.ye-card{display:flex;flex-direction:column;gap:4px;text-align:left;min-height:var(--ye-size-touch)}.ye-card-cover{aspect-ratio:1;border-radius:var(--ye-radius-r2);background:var(--ye-tone);overflow:hidden;display:flex;align-items:center;justify-content:center}.ye-card-cover img{width:100%;height:100%;object-fit:cover}.ye-card-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ye-textbtn{min-height:var(--ye-size-touch);padding:0 4px;color:var(--ye-dim);font-size:var(--ye-type-muted-size)}.ye-textbtn[aria-current]{color:var(--ye-fg)}.ye-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:64px 24px;color:var(--ye-dim)}.ye-empty h2{color:var(--ye-fg)}.ye-empty .ye-pill{margin-top:8px}.ye-loading{display:flex;justify-content:center;padding:64px}.ye-loading span{width:48px;height:12px;border-radius:var(--ye-radius-pill);background:var(--ye-tone2);animation:ye-pulse 1s var(--ye-ease-emphasized) infinite alternate}@keyframes ye-pulse{0%{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ye-loading span{animation:none;opacity:.7}}.ye-chips{display:flex;gap:8px;overflow-x:auto}.ye-chip{min-height:var(--ye-ctl-chip-h, var(--ye-size-chip));padding:0 16px;border-radius:var(--ye-radius-pill);border:1px solid var(--ye-line);white-space:nowrap;position:relative}.ye-chip:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.ye-chip.is-on{background:var(--ye-fg);color:var(--ye-on-fg);border-color:var(--ye-fg)}.ye-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--ye-scrim);display:flex;align-items:flex-end;justify-content:center;animation:ye-fade .2s var(--ye-ease-emphasized)}.ye-sheet{width:100%;max-height:85vh;overflow:auto;background:var(--ye-surface);border-radius:var(--ye-radius-r3) var(--ye-radius-r3) 0 0;padding:24px 20px calc(20px + var(--ye-inset-bottom, env(safe-area-inset-bottom, 0px)));display:flex;flex-direction:column;gap:16px;animation:ye-up .3s var(--ye-ease-emphasized)}.ye-sheet-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}@media(min-width:600px){.ye-scrim{align-items:center}.ye-sheet{max-width:440px;border-radius:var(--ye-radius-r3);animation-name:ye-pop}}@keyframes ye-fade{0%{opacity:0}}@keyframes ye-up{0%{transform:translateY(40%);opacity:0}}@keyframes ye-pop{0%{transform:scale(.96);opacity:0}}.ye-toasts{position:fixed;left:50%;transform:translate(-50%);bottom:var(--ye-toast-bottom, calc(var(--ye-inset-bottom, env(safe-area-inset-bottom, 0px)) + 12px));z-index:60;display:flex;flex-direction:column;align-items:var(--ye-toasts-align, stretch);gap:8px;width:min(92vw,440px);pointer-events:none}.ye-toast{display:flex;align-items:center;gap:12px;min-height:var(--ye-toast-h, var(--ye-size-touch));padding:var(--ye-toast-pad, 0 8px 0 20px);border-radius:var(--ye-toast-radius, var(--ye-radius-r2));font-weight:var(--ye-toast-weight, inherit);background:var(--ye-toast-bg);color:var(--ye-toast-fg);pointer-events:auto;animation:ye-up .25s var(--ye-ease-emphasized)}.ye-toast span{flex:1}.ye-toast-action{min-height:var(--ye-size-touch);padding:0 12px;font-weight:600;border-radius:var(--ye-radius-pill)}:root{--ye-ctl-h: var(--ye-size-touch);--ye-ctl-px: 16px;--ye-ctl-chip-h: var(--ye-size-chip)}@media(min-width:900px)and (pointer:fine){:root{--ye-ctl-h: calc(var(--ye-size-touch) - 8px);--ye-ctl-px: 12px;--ye-ctl-chip-h: max(36px, calc(var(--ye-size-chip) - 8px))}.ye-pill{min-height:var(--ye-pill-h, var(--ye-ctl-h));padding:0 var(--ye-pill-px, 16px)}.ye-iconbtn{width:var(--ye-iconbtn-size, var(--ye-ctl-h));height:var(--ye-iconbtn-size, var(--ye-ctl-h))}.ye-chip{min-height:var(--ye-ctl-chip-h);padding:0 12px}.ye-textbtn{min-height:var(--ye-ctl-h)}.ye-toast-action{min-height:var(--ye-ctl-h);padding:0 8px}}.ye-field,.ye-search{box-sizing:border-box;width:100%;min-height:var(--ye-ctl-h);padding:0 var(--ye-ctl-px);border-radius:var(--ye-radius-pill);font:inherit;font-size:var(--ye-type-body-size);color:var(--ye-fg);outline:0 solid transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .15s var(--ye-ease-emphasized)}.ye-field{background:transparent;border:1px solid var(--ye-field-line)}.ye-field:hover{border-color:var(--ye-dim)}.ye-field:focus,.ye-field:focus-visible,.ye-field:focus-within{border-color:var(--ye-field-line-focus);outline:1px solid var(--ye-field-line-focus);outline-offset:-2px}.ye-field[aria-invalid=true]{border-color:var(--ye-err)}.ye-field:disabled{opacity:.5}textarea.ye-field,.ye-field.is-multiline{min-height:calc(var(--ye-ctl-h) * 2);padding:12px var(--ye-ctl-px);border-radius:var(--ye-radius-r1);resize:vertical}select.ye-field{padding-right:calc(var(--ye-ctl-px) + 24px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ye-ctl-px) center}.ye-search{background:var(--ye-search-fill);border:0}.ye-search:focus,.ye-search:focus-visible,.ye-search:focus-within{outline:2px solid var(--ye-field-line-focus);outline-offset:0}.ye-field::placeholder,.ye-search::placeholder{color:var(--ye-dim)}.ye-search:has(>input){display:flex;align-items:center;gap:8px;padding:0 4px 0 var(--ye-ctl-px)}.ye-search>input{flex:1;min-width:0;min-height:var(--ye-ctl-h);font:inherit;color:inherit;background:none;border:0;padding:0;outline:none}.ye-search>input::-webkit-search-cancel-button{display:none}.ye-search:has(>input:focus-visible){outline:2px solid var(--ye-field-line-focus)}.ye-pill-secondary:hover:not(:disabled){background:var(--ye-pill-hover, var(--ye-pill-secondary-bg, var(--ye-tone2)))}.ye-pill-ghost:hover:not(:disabled){background:var(--ye-pill-ghost-hover, var(--ye-pill-hover, var(--ye-tone)))}.ye-pill-primary:hover:not(:disabled){opacity:var(--ye-pill-primary-hover-opacity, 1);background:var(--ye-pill-primary-hover, var(--ye-pill-primary-bg, var(--ye-fg)))}.ye-pill-sm{min-height:var(--ye-pill-sm-h, var(--ye-pill-h, var(--ye-ctl-h)));padding:0 var(--ye-pill-sm-px, var(--ye-pill-px, 16px))}.ye-pill-lg{min-height:var(--ye-pill-lg-h, var(--ye-size-primary));padding:0 var(--ye-pill-lg-px, 24px)}.ye-iconbtn-sm{width:var(--ye-iconbtn-sm-size, var(--ye-iconbtn-size, var(--ye-ctl-h)));height:var(--ye-iconbtn-sm-size, var(--ye-iconbtn-size, var(--ye-ctl-h)))}.ye-pill:disabled,.ye-iconbtn:disabled{opacity:var(--ye-disabled-opacity, .4);cursor:default;transform:none}.ye-chip-input{display:inline-flex;align-items:center;max-width:100%;min-width:0;min-height:var(--ye-ctl-h);padding:0 4px 0 16px;border-radius:var(--ye-radius-pill);background:var(--ye-chip-input-bg, var(--ye-tone2))}.ye-chip-input>.ye-chip-label{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent}.ye-chip-input>.ye-chip-remove{width:36px;height:36px;flex:none;border:0;border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center}.ye-toast-pill{--ye-toast-radius: var(--ye-radius-pill)}@media(prefers-reduced-motion:reduce){.ye-pill:active,.ye-iconbtn:active{transform:none}}.ye-tabbar{box-sizing:border-box;display:flex;height:calc(var(--ye-tabbar-h, 56px) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--ye-tabbar-bg, var(--ye-bg));border-top:1px solid var(--ye-tabbar-line, var(--ye-line))}.ye-tabbar>.ye-tab{flex:1;min-width:0;height:var(--ye-tabbar-h, 56px);border:0;background:transparent}.ye-seg{display:flex;gap:4px;padding:4px;border-radius:var(--ye-radius-pill);background:var(--ye-seg-bg, var(--ye-tone))}.ye-seg>button{flex:1;min-width:0;height:var(--ye-seg-item-h, max(36px, calc(var(--ye-ctl-h) - 8px)));border:0;border-radius:var(--ye-radius-pill);background:transparent;color:inherit;font:inherit;font-weight:var(--ye-seg-weight, 500)}.ye-seg>button:is(.is-on,[aria-pressed=true],[aria-selected=true]){background:var(--ye-seg-on-bg, var(--ye-fg));color:var(--ye-seg-on-fg, var(--ye-on-fg))}.ye-rail{--ye-rail-tile: var(--ye-ctl-h, var(--ye-size-touch));width:calc(var(--ye-rail-tile) + 16px);flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 0 12px;background:var(--ye-bg)}.ye-rail-mark{display:inline-flex;align-items:center;justify-content:center;height:var(--ye-rail-head, 64px);color:var(--ye-fg);flex:none}.ye-rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ye-rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:4px}.ye-rail-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ye-rail-tile);height:var(--ye-rail-tile);border-radius:var(--ye-radius-r1);color:var(--ye-dim);text-decoration:none}.ye-rail-item:hover{background:var(--ye-tone);color:var(--ye-fg)}.ye-rail-item.is-current{background:var(--ye-tone2);color:var(--ye-fg)}.ye-rail-item.is-disabled{cursor:default}.ye-rail-item.is-disabled>svg{opacity:.45}.ye-rail-item.is-disabled:hover{background:none;color:var(--ye-dim)}.ye-rail-item:focus-visible{outline:2px solid var(--ye-fg);outline-offset:2px}.ye-rail-item[data-tip]:after{content:attr(data-tip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);z-index:30;padding:4px 8px;border-radius:var(--ye-radius-r1);background:var(--ye-toast-bg);color:var(--ye-toast-fg);font-size:var(--ye-type-muted-size);line-height:var(--ye-type-muted-line);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--ye-dur-tooltip) ease-out}.ye-rail-item[data-tip]:hover:after,.ye-rail-item[data-tip]:focus-visible:after{opacity:1;visibility:visible}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;padding:var(--ye-space-6) var(--ye-space-8);max-width:1200px;margin:0 auto;width:100%}.page-header{margin-bottom:var(--ye-space-8)}.page-header h1{font-size:var(--ye-text-h1-size);line-height:var(--ye-text-h1-line);font-weight:var(--ye-text-h1-weight);color:var(--ye-text-primary)}.converter{display:flex;flex-direction:column;gap:var(--ye-space-6)}.converter-settings{display:flex;gap:var(--ye-space-6);flex-wrap:wrap;padding:var(--ye-space-4);border:1px solid var(--ye-border-subtle);border-radius:var(--ye-radius-surface-m)}.setting{display:flex;align-items:center;gap:var(--ye-space-3);min-width:200px}.setting-checkbox{min-width:auto}.setting-label{font-size:var(--ye-text-body-size);color:var(--ye-text-primary);white-space:nowrap}.setting-control{display:flex;align-items:center;gap:var(--ye-space-3);flex:1}.slider{flex:1;height:4px;border-radius:var(--ye-radius-full);background:var(--ye-border-subtle);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:var(--ye-radius-full);background:var(--ye-text-primary);cursor:pointer}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:var(--ye-radius-full);background:var(--ye-text-primary);border:none;cursor:pointer}.slider:disabled{opacity:.4;cursor:not-allowed}.setting-value{font-size:var(--ye-text-body-size);color:var(--ye-text-secondary);min-width:32px;text-align:right}.checkbox{width:20px;height:20px;border:1px solid var(--ye-border-default);border-radius:var(--ye-radius-full);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.checkbox:checked{background:var(--ye-text-primary)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ye-space-4);min-height:400px;border:2px dashed var(--ye-border-subtle);border-radius:var(--ye-radius-surface-l);cursor:pointer;transition:border-color var(--ye-dur-ui) var(--ye-ease-out);color:var(--ye-text-secondary)}.dropzone:hover,.dropzone.is-dragging{border-color:var(--ye-border-default)}.dropzone-title{font-size:var(--ye-text-h2-size);line-height:var(--ye-text-h2-line);font-weight:var(--ye-text-h2-weight);color:var(--ye-text-primary)}.dropzone-subtitle{font-size:var(--ye-text-caption-size);color:var(--ye-text-secondary)}.files{display:flex;flex-direction:column;gap:var(--ye-space-4)}.file-card{display:flex;gap:var(--ye-space-4);padding:var(--ye-space-4);border:1px solid var(--ye-border-subtle);border-radius:var(--ye-radius-surface-m);align-items:center}.file-preview{width:80px;height:80px;object-fit:cover;border-radius:var(--ye-radius-surface-s);background:var(--ye-bg-subtle)}.file-info{flex:1;display:flex;flex-direction:column;gap:var(--ye-space-2)}.file-name{font-size:var(--ye-text-body-size);color:var(--ye-text-primary);font-weight:500}.file-stats{display:flex;gap:var(--ye-space-4);flex-wrap:wrap}.file-stat{font-size:var(--ye-text-caption-size);color:var(--ye-text-secondary)}.file-stat-saved{color:var(--ye-text-primary);font-weight:500}.file-action{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--ye-border-default);border-radius:var(--ye-radius-full);background:transparent;color:var(--ye-text-primary);cursor:pointer;transition:background var(--ye-dur-ui) var(--ye-ease-out)}.file-action:hover{background:var(--ye-bg-subtle)}.actions{display:flex;gap:var(--ye-space-3);flex-wrap:wrap}.btn{display:flex;align-items:center;gap:var(--ye-space-2);height:48px;padding:0 var(--ye-space-4);border-radius:var(--ye-radius-full);font-size:var(--ye-text-body-size);font-weight:500;cursor:pointer;transition:all var(--ye-dur-ui) var(--ye-ease-out);border:none}.btn-primary{background:var(--ye-text-primary);color:var(--ye-bg-page)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-secondary{background:transparent;border:1px solid var(--ye-border-default);color:var(--ye-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--ye-bg-subtle)}.btn:disabled{opacity:.4;cursor:not-allowed}.status{position:fixed;bottom:var(--ye-space-4);right:var(--ye-space-4);padding:var(--ye-space-3) var(--ye-space-4);background:var(--ye-text-primary);color:var(--ye-bg-page);border-radius:var(--ye-radius-full);font-size:var(--ye-text-caption-size)}@media(max-width:768px){.main-content{padding:var(--ye-space-4)}.converter-settings{flex-direction:column}.setting{min-width:100%}}