body{background:#fff;min-width:1280px}.app-page.svelte-vr1z90{--font-ui:"Gowun Dodum", system-ui, sans-serif;--font-display:"Noto Serif KR", "Noto Serif Korean", serif;color:#222;width:100vw;min-width:1280px;height:100vh;min-height:900px;font-family:var(--font-ui);background:#fff;place-items:start center;display:grid;overflow:auto}.app-canvas.svelte-vr1z90{--room-image:url(../../../assets/study-room-day.png);--room-overlay:#ffffff2e;background:#f4efe6;grid-template-rows:90px 1fr 250px;grid-template-columns:220px 1fr 300px;gap:8px;width:1440px;height:900px;padding:6px;display:grid;position:relative;overflow:hidden}.app-canvas.svelte-vr1z90:before{content:"";z-index:0;background-image:linear-gradient(var(--room-overlay), var(--room-overlay)), var(--room-image);opacity:1;background-position:50%;background-size:cover;position:absolute;inset:6px}.app-canvas.is-daytime.svelte-vr1z90{--room-image:url(../../../assets/study-room-day.png);--room-overlay:#ffffff2e}.app-canvas.is-nighttime.svelte-vr1z90{--room-image:url(../../../assets/study-room-night-lamp-left.png);--room-overlay:#2c1d122e}.layout-block.svelte-vr1z90{z-index:1;color:#222;min-width:0;min-height:0;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:#f6f6f6d6;border:1px solid #cfcfcf;place-items:center;font-size:1rem;font-weight:800;display:grid;position:relative}.sidebar.svelte-vr1z90{background:0 0;border:0;grid-area:2/1;place-items:stretch stretch}.logo-area.svelte-vr1z90{background:0 0;border:0;grid-area:1/1;padding:0}.logo-area.svelte-vr1z90 img:where(.svelte-vr1z90){grid-area:1/1;width:210px;height:auto;max-height:88px;transition:opacity .16s;display:block}.logo-night.svelte-vr1z90,.app-canvas.is-nighttime.svelte-vr1z90 .logo-day:where(.svelte-vr1z90){opacity:0}.app-canvas.is-nighttime.svelte-vr1z90 .logo-night:where(.svelte-vr1z90){opacity:1}.top-ad.svelte-vr1z90{background:0 0;grid-area:1/2;place-items:center;display:grid}.top-ad.svelte-vr1z90 div:where(.svelte-vr1z90){color:#564e4494;width:728px;height:90px;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.78;background:#fffaf147;border:1px dashed #82684a38;border-radius:4px;place-items:center;font-size:.95rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff47,0 8px 22px #5c40240d}.login-area.svelte-vr1z90{z-index:90;background:0 0;border:0;grid-area:1/3;place-items:center end;min-width:0;min-height:0;padding:8px 18px 8px 10px;display:grid;position:relative}.user-panel,.guest-panel{color:#fff1d8;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.app-canvas.is-daytime.svelte-vr1z90 .user-panel,.app-canvas.is-daytime.svelte-vr1z90 .guest-panel,.app-canvas.is-nighttime.svelte-vr1z90 .user-panel,.app-canvas.is-nighttime.svelte-vr1z90 .guest-panel{color:#fff1d8}.login-form button{color:#4b3727;width:210px;height:54px;font-family:var(--font-ui);letter-spacing:0;background:radial-gradient(circle at 24% 10%,#ffffff8f,#0000 42%),linear-gradient(#fff6e5eb,#eed7b4d1);border:1px solid #a2845c94;border-radius:18px;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:0 16px;font-size:1rem;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffffa3,0 7px 14px #5d3f1f24}.app-canvas.is-nighttime.svelte-vr1z90 .login-form button{color:#fff0dc;box-shadow:none;background:#4c3c82db;border-color:#0000}.app-canvas.is-nighttime.svelte-vr1z90 .login-form button:hover{background:#564492eb;border-color:#0000}.google-mark{width:30px;height:30px}.user-panel img,.avatar{background:#d6b98f;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.1rem;display:grid}.user-panel img{object-fit:cover}.user-menu-wrap{min-width:0;position:relative}.user-name-button{color:currentColor;max-width:150px;font-family:var(--font-ui);text-shadow:0 1px 3px #000000b8;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:.95rem;font-weight:900;display:flex}.app-canvas.is-daytime.svelte-vr1z90 .user-name-button,.app-canvas.is-nighttime.svelte-vr1z90 .user-name-button{text-shadow:0 1px 3px #000000b8}.user-name-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.user-name-button:hover,.app-canvas.is-daytime.svelte-vr1z90 .user-name-button:hover{color:#ffe1a8;text-shadow:0 1px 3px #000000c7}.app-canvas.is-nighttime.svelte-vr1z90 .user-name-button:hover{color:#d8c6ff;text-shadow:0 0 10px #9074db57}.user-dropdown{z-index:100;background:#fff6e5f5;border:1px solid #a68b666b;border-radius:8px;min-width:118px;margin:0;padding:6px;position:absolute;top:28px;right:0;box-shadow:0 8px 18px #49311c2e}.user-dropdown button{color:#4b3727;width:100%;height:30px;font-family:var(--font-ui);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-weight:800;display:flex}.user-dropdown button:hover{background:#9aa2672e}.app-canvas.is-nighttime.svelte-vr1z90 .user-dropdown{background:linear-gradient(#191d29fa,#10151ffa),#141a27;border-color:#b99cff2e;box-shadow:0 12px 24px #06080e57}.app-canvas.is-nighttime.svelte-vr1z90 .user-dropdown button{color:#f4ead8}.app-canvas.is-nighttime.svelte-vr1z90 .user-dropdown button:hover{color:#fff0dc;background:#4c3c8294}.theme-toggle-button{color:currentColor;filter:drop-shadow(0 1px 3px #000000b8);background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;display:grid}.theme-toggle-button:hover{color:#ffe1a8;filter:drop-shadow(0 1px 3px #000000c7)}.app-canvas.is-daytime.svelte-vr1z90 .theme-toggle-button,.app-canvas.is-nighttime.svelte-vr1z90 .theme-toggle-button{filter:drop-shadow(0 1px 3px #000000b8)}.app-canvas.is-daytime.svelte-vr1z90 .theme-toggle-button:hover{color:#ffe1a8}.app-canvas.is-nighttime.svelte-vr1z90 .theme-toggle-button:hover{color:#cdb8ff;filter:drop-shadow(0 0 8px #9074db5c)}.left-sidebar.svelte-12906ri{box-sizing:border-box;color:#4d321e;width:100%;height:100%;font-family:var(--font-ui,"Gowun Dodum", system-ui, sans-serif);align-items:stretch;padding:0;display:grid}.sidebar-panel.svelte-12906ri{box-sizing:border-box;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle at 74% 18%,#9aa26729,#0000 30%),linear-gradient(#fffcf680,#efdec252),#fffaf247;border:1px solid #b8976f6b;border-radius:14px;grid-template-rows:28px minmax(0,1fr);align-content:start;width:100%;height:100%;min-height:0;padding:12px 14px 22px;transition:height .18s,min-height .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff94,0 14px 28px #482e1614}.sidebar-panel.collapsed.svelte-12906ri{grid-template-rows:minmax(0,1fr);align-self:start;height:74px;min-height:74px;padding:12px 14px}.sidebar-panel.svelte-12906ri:after{content:"";pointer-events:none;background:radial-gradient(circle,#9aa26729,#0000 68%);border-radius:50%;width:168px;height:132px;position:absolute;bottom:-42px;right:-48px}.sidebar-toggle-button.svelte-12906ri{z-index:1;color:#4d321e;background:0 0;border:0;border-radius:50%;justify-self:start;place-items:center;width:28px;height:28px;padding:0;display:grid;position:relative}.sidebar-toggle-button.svelte-12906ri:hover{background:#785a391a}.sidebar-menu.svelte-12906ri{align-content:start;min-width:0;margin-top:56px;transition:opacity .14s;display:grid}.sidebar-panel.collapsed.svelte-12906ri .sidebar-menu:where(.svelte-12906ri){opacity:1;pointer-events:auto;align-content:center;margin-top:0}.sidebar-panel.collapsed.svelte-12906ri .sidebar-toggle-button:where(.svelte-12906ri){display:none}.menu-item.svelte-12906ri{box-sizing:border-box;z-index:1;color:#4d321e;width:100%;min-height:50px;font:inherit;letter-spacing:0;text-align:left;text-transform:none;box-shadow:none;background:0 0;border:0;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:0 14px;font-size:.95rem;font-weight:900;text-decoration:none;display:grid;position:relative}.menu-item.svelte-12906ri:hover{color:#3f4a29;background:#fffaee2e}.menu-item.active.svelte-12906ri{color:#3f4a29;background:linear-gradient(#ffffffe6,#fffcf6c7);border:1px solid #ffffffbd;box-shadow:inset 0 1px #ffffffdb,0 8px 18px #53371c14}.menu-item.active.svelte-12906ri:hover{color:#3f4a29;background:linear-gradient(#fffffff5,#fffaefd6)}.menu-item.collapsed-current.svelte-12906ri{cursor:pointer}.menu-icon.svelte-12906ri{color:#6f7c46;background:#9aa2671f;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.menu-item.active.svelte-12906ri .menu-icon:where(.svelte-12906ri){background:#9aa2672e}.menu-item.svelte-12906ri span:where(.svelte-12906ri):last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-canvas.is-nighttime .left-sidebar.svelte-12906ri{box-sizing:border-box;color:#f4ead8;width:100%;height:100%;font-family:var(--font-ui,"Gowun Dodum", system-ui, sans-serif);align-items:stretch;padding:0;display:grid}.app-canvas.is-nighttime .sidebar-panel.svelte-12906ri{box-sizing:border-box;width:100%;height:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#12171feb;border-color:#0000;border-radius:14px;grid-template-rows:28px minmax(0,1fr);align-content:start;padding:12px 14px 22px;transition:height .18s,min-height .18s;display:grid;position:relative;overflow:hidden}.app-canvas.is-nighttime .sidebar-panel.collapsed.svelte-12906ri{grid-template-rows:minmax(0,1fr);align-self:start;height:74px;min-height:74px;padding:12px 14px}.app-canvas.is-nighttime .sidebar-panel.svelte-12906ri:after{display:none}.app-canvas.is-nighttime .sidebar-toggle-button.svelte-12906ri{z-index:1;color:#f4ead8;background:0 0;border:0;border-radius:50%;justify-self:start;place-items:center;width:28px;height:28px;padding:0;display:grid;position:relative}.app-canvas.is-nighttime .sidebar-toggle-button.svelte-12906ri:hover{color:#fff3df;background:#8e68d81a}.app-canvas.is-nighttime .sidebar-menu.svelte-12906ri{align-content:start;min-width:0;margin-top:56px;transition:opacity .14s;display:grid}.app-canvas.is-nighttime .sidebar-panel.collapsed.svelte-12906ri .sidebar-menu:where(.svelte-12906ri){opacity:1;pointer-events:auto;align-content:center;margin-top:0}.app-canvas.is-nighttime .sidebar-panel.collapsed.svelte-12906ri .sidebar-toggle-button:where(.svelte-12906ri){display:none}.app-canvas.is-nighttime .menu-item.svelte-12906ri{box-sizing:border-box;z-index:1;color:#f4ead8;width:100%;min-height:50px;font:inherit;letter-spacing:0;text-align:left;text-shadow:none;text-transform:none;box-shadow:none;background:0 0;border:0;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:0 14px;font-size:.95rem;font-weight:900;display:grid;position:relative}.app-canvas.is-nighttime .menu-item.svelte-12906ri:hover{color:#fff3df;background:#8e68d81a}.app-canvas.is-nighttime .menu-item.active.svelte-12906ri{color:#fff0dc;box-shadow:none;background:#4c3c82a8;border-color:#0000}.app-canvas.is-nighttime .menu-item.active.svelte-12906ri:hover{color:#fff6e8;background:#52418bb8}.app-canvas.is-nighttime .menu-item.collapsed-current.svelte-12906ri{cursor:pointer}.app-canvas.is-nighttime .menu-icon.svelte-12906ri{color:#c6a7ff;background:0 0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.app-canvas.is-nighttime .menu-item.active.svelte-12906ri .menu-icon:where(.svelte-12906ri){color:#d9c4ff;background:#b893f51f}.app-canvas.is-nighttime .menu-item.svelte-12906ri span:where(.svelte-12906ri):last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-backdrop.svelte-58s7d5{z-index:40;background:var(--theme-backdrop-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-dialog.svelte-58s7d5{border:1px solid var(--theme-border);background:var(--theme-surface-bg);width:min(520px,100%);box-shadow:var(--theme-inset-highlight), var(--theme-shadow);color:var(--theme-text-main);border-radius:16px;font-family:Gowun Dodum,system-ui,sans-serif;overflow:hidden}header.svelte-58s7d5{border-bottom:1px solid var(--theme-border-subtle);grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:12px;padding:18px 20px;display:grid}.settings-icon.svelte-58s7d5,.icon-button.svelte-58s7d5{border-radius:50%;place-items:center;display:grid}.settings-icon.svelte-58s7d5{background:var(--theme-icon-bg);width:42px;height:42px;color:var(--theme-icon-color);box-shadow:0 5px 12px #5336182e}strong.svelte-58s7d5{font-size:1.15rem;font-weight:900;display:block}p.svelte-58s7d5{color:var(--theme-text-muted);margin:4px 0 0;font-size:.84rem}.icon-button.svelte-58s7d5{border:1px solid var(--theme-border-subtle);background:var(--theme-button-secondary-bg);width:34px;height:34px;color:var(--theme-text-main);padding:0;line-height:1}.icon-button.svelte-58s7d5 svg{display:block}.icon-button.svelte-58s7d5:hover{background:var(--theme-accent-hover);color:var(--theme-accent-text)}.settings-form.svelte-58s7d5{gap:16px;padding:20px;display:grid}label.svelte-58s7d5,fieldset.svelte-58s7d5{border:0;gap:8px;margin:0;padding:0;display:grid}label.svelte-58s7d5 span:where(.svelte-58s7d5),legend.svelte-58s7d5{color:var(--theme-label);font-size:.86rem;font-weight:900}input.svelte-58s7d5,select.svelte-58s7d5{border:1px solid var(--theme-field-border);background-color:var(--theme-field-bg);width:100%;min-width:0;height:42px;color:var(--theme-text-main);font:inherit;border-radius:8px;padding:0 12px;font-weight:800}select.svelte-58s7d5{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) 18px,calc(100% - 14px) 18px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px}input.svelte-58s7d5:focus,select.svelte-58s7d5:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px var(--theme-focus-ring);outline:none}select.svelte-58s7d5 option:where(.svelte-58s7d5){background:var(--theme-field-bg);color:var(--theme-text-main)}.segmented-control.svelte-58s7d5{border:1px solid var(--theme-border-subtle);background:var(--theme-surface-subtle-bg);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:7px;padding:6px;display:grid}.segmented-control.svelte-58s7d5 button:where(.svelte-58s7d5){height:34px;color:var(--theme-text-soft);font:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;font-weight:900;line-height:1;display:inline-flex}.segmented-control.svelte-58s7d5 button.active:where(.svelte-58s7d5){background:var(--theme-accent);color:var(--theme-accent-text);box-shadow:0 4px 10px #52432324}.number-row.svelte-58s7d5{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;display:grid}.number-row.svelte-58s7d5 em:where(.svelte-58s7d5){color:var(--theme-text-soft);font-size:.9rem;font-style:normal;font-weight:800}.shortcut-settings.svelte-58s7d5{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shortcut-settings.svelte-58s7d5 label:where(.svelte-58s7d5){border:1px solid var(--theme-field-border);background:var(--theme-field-bg);border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:flex}.shortcut-settings.svelte-58s7d5 input:where(.svelte-58s7d5){width:16px;height:16px;accent-color:var(--theme-accent);padding:0}.shortcut-settings.svelte-58s7d5 span:where(.svelte-58s7d5){color:var(--theme-text-main);font-size:.9rem;font-weight:900}footer.svelte-58s7d5{grid-template-columns:minmax(0,1fr) 92px 104px;align-items:center;gap:10px;padding-top:4px;display:grid}footer.svelte-58s7d5 p:where(.svelte-58s7d5){color:var(--theme-label);margin:0;font-weight:800}footer.svelte-58s7d5 button:where(.svelte-58s7d5){height:38px;font:inherit;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-weight:900;display:inline-flex}.secondary.svelte-58s7d5{border:1px solid var(--theme-border-subtle);background:var(--theme-button-secondary-bg);color:var(--theme-text-main)}.primary.svelte-58s7d5{background:var(--theme-accent);color:var(--theme-accent-text);border:1px solid #0000}.secondary.svelte-58s7d5:hover,.primary.svelte-58s7d5:hover{background:var(--theme-accent-hover);color:var(--theme-accent-text)}:root{--theme-backdrop-bg:#1c130c47;--theme-surface-bg:radial-gradient(circle at 14% 0%, #ffffff80, transparent 35%), linear-gradient(180deg, #fff6e5fa, #eed3abf5);--theme-surface-subtle-bg:#dcbe913d;--theme-elevated-bg:#fffaf1d1;--theme-border:#b88f5b85;--theme-border-subtle:#a67e5338;--theme-text-main:#4c3828;--theme-text-muted:#503d2bb3;--theme-text-soft:#7d674b;--theme-label:#6b5439;--theme-field-bg:#fffaf1d1;--theme-field-border:#a67e5347;--theme-accent:#8e9a5c;--theme-accent-hover:#7f8b50;--theme-accent-text:#fffdf3;--theme-focus-ring:#8e9a5c29;--theme-shadow:0 22px 50px #2c1c0d47;--theme-inset-highlight:inset 0 1px 0 #ffffffb8;--theme-icon-bg:linear-gradient(180deg, #e8cda2, #c09a63);--theme-icon-color:#6b4d2d;--theme-button-secondary-bg:#fffaf19e;color:#241f19;font-synthesis:none;text-rendering:optimizelegibility;background:#f2eee6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-echo-theme=night]{--theme-backdrop-bg:#04060c6b;--theme-surface-bg:#171c27fa;--theme-surface-subtle-bg:#1f2430f5;--theme-elevated-bg:#1f2430f5;--theme-border:#b99cff2e;--theme-border-subtle:#b99cff29;--theme-text-main:#f4ead8;--theme-text-muted:#f4ead8a8;--theme-text-soft:#f4ead8b8;--theme-label:#cdb8ff;--theme-field-bg:#1f2430f5;--theme-field-border:#b99cff29;--theme-accent:#4c3c82db;--theme-accent-hover:#564492eb;--theme-accent-text:#fff0dc;--theme-focus-ring:#b99cff1f;--theme-shadow:0 22px 50px #04060c75;--theme-inset-highlight:none;--theme-icon-bg:#4c3c82db;--theme-icon-color:#d9c4ff;--theme-button-secondary-bg:#ffffff0d}*{box-sizing:border-box}body{background:linear-gradient(#f2eee6eb,#e0d7c9e6),#f2eee6;min-width:1440px;min-height:100vh;margin:0;overflow:auto}button{color:#fffaf2;font:inherit;cursor:pointer;background:#bd5637;border:0;border-radius:8px;padding:.85rem 1.15rem;font-weight:700}button:hover{background:#a9482e}button:disabled{cursor:not-allowed;opacity:.45}.theme-panel{border:1px solid var(--theme-border);background:var(--theme-surface-bg);box-shadow:var(--theme-inset-highlight), var(--theme-shadow);color:var(--theme-text-main)}.theme-field{border:1px solid var(--theme-field-border);background-color:var(--theme-field-bg);color:var(--theme-text-main)}.theme-field:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px var(--theme-focus-ring);outline:none}.theme-primary-action,.theme-secondary-action{font:inherit;border-radius:8px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.theme-primary-action{background:var(--theme-accent);color:var(--theme-accent-text);border:1px solid #0000}.theme-secondary-action{border:1px solid var(--theme-border-subtle);background:var(--theme-button-secondary-bg);color:var(--theme-text-main)}.theme-primary-action:hover,.theme-secondary-action:hover{background:var(--theme-accent-hover);color:var(--theme-accent-text)}.app-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f2eee6e0;border-bottom:1px solid #513f2d1f;justify-content:space-between;align-items:center;gap:16px;padding:14px max(16px,50vw - 724px);display:flex;position:sticky;top:0}.app-brand{color:#241f19;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;font-weight:900;text-decoration:none}.app-nav{align-items:center;gap:18px;display:flex}.app-nav a:not(.app-brand){color:#5f5348;font-size:.86rem;font-weight:800;text-decoration:none}.app-nav a:not(.app-brand):hover{color:#bd5637}.auth-menu{align-items:center;gap:10px;margin:0;display:flex}.auth-menu img{border:1px solid #513f2d29;border-radius:999px;width:32px;height:32px}.auth-menu span{color:#4f4439;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.88rem;font-weight:800;overflow:hidden}.auth-menu button{color:#4f4439;background:#fffaf2d1;border:1px solid #513f2d29;min-height:36px;padding:.52rem .9rem;font-size:.82rem}.auth-menu button:hover{background:#bd56371a}.center-page{place-items:center;min-height:100vh;display:grid}.prototype-shell,.library-shell{width:min(1480px,100% - 32px);margin:0 auto;padding:56px 0}.upload-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:56px 0}.hero-panel{margin-bottom:28px}.eyebrow{color:#9b4c32;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}h1{color:#231d17;max-width:760px;margin:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02}.lead{color:#5f5348;max-width:680px;margin:20px 0 0;font-size:1.08rem;line-height:1.7}.library-header,.upload-header{margin-bottom:28px}.library-title-row,.upload-title-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.library-header h1,.upload-header h1{max-width:none}.library-header p:not(.eyebrow){color:#5f5348;max-width:720px;margin:18px 0 0;line-height:1.7}.upload-header p:not(.eyebrow){color:#5f5348;max-width:680px;margin:18px 0 0;line-height:1.7}.library-empty-panel,.upload-empty-panel{gap:8px;max-width:560px;display:grid}.library-empty-panel h2,.library-empty-panel p,.upload-empty-panel h2,.upload-empty-panel p{margin:0}.library-primary-link,.library-row-action{color:#fffaf2;background:#bd5637;border-radius:8px;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.library-primary-link{min-width:120px;min-height:42px;padding:.72rem 1rem}.library-row-action{white-space:nowrap;border:0;min-height:34px;padding:.45rem .75rem;font-size:.78rem}.library-primary-link:hover,.library-row-action:hover{background:#a9482e}.library-row-action.secondary-action{color:#4f4439;background:#fffaf2b8;border:1px solid #513f2d29}.library-row-action.secondary-action:hover{background:#bd56371a}.library-row-action.ready-action{background:#648142}.library-row-action.ready-action:hover{background:#526f2d}.library-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.library-summary-grid article{background:#fffaf294;border:1px solid #513f2d1f;border-radius:8px;gap:8px;padding:18px;display:grid}.library-summary-grid span{color:#7b6e62;font-size:.78rem;font-weight:800}.library-summary-grid strong{color:#bd5637;font-size:2rem;line-height:1}.library-connect-panel{background:#fffaf29e;border:1px solid #513f2d1f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto minmax(220px,.4fr);align-items:center;gap:16px;margin-bottom:20px;padding:18px;display:grid}.upload-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.upload-form-panel{background:#fffaf2b8;border:1px solid #513f2d2e;border-radius:8px;gap:20px;padding:24px;display:grid;box-shadow:0 18px 60px #382a1c14}.upload-file-picker{background:#241f190a;border:1px dashed #513f2d3d;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;min-height:148px;padding:24px;display:flex}.upload-file-picker .zone-copy{margin-bottom:0}.upload-file-picker button{min-width:132px}.upload-field-grid{grid-template-columns:minmax(0,1fr) 220px;gap:14px;display:grid}.upload-field-grid label,.upload-group-panel label{color:#5f5348;gap:7px;font-size:.78rem;font-weight:800;display:grid}.upload-field-grid input,.upload-field-grid select,.upload-field-grid textarea,.upload-group-panel input,.upload-group-panel select{color:#241f19;width:100%;font:inherit;background:#fffaf2db;border:1px solid #513f2d29;border-radius:8px;font-size:.92rem}.upload-field-grid input,.upload-field-grid select,.upload-group-panel input,.upload-group-panel select{min-height:42px;padding:0 12px}.upload-field-grid textarea{resize:vertical;min-height:84px;padding:10px 12px}.upload-field-grid .wide-field{grid-column:span 2}.upload-group-panel{background:#241f190d;border:1px solid #513f2d1f;border-radius:8px;gap:14px;padding:16px;display:grid}.segmented-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.segmented-choice button,.secondary-upload-action{color:#4f4439;background:#fffaf2bd;border:1px solid #513f2d29}.segmented-choice button:hover,.secondary-upload-action:hover{background:#bd56371a}.segmented-choice .active-choice{color:#fffaf2;background:#bd5637;border-color:#bd563775}.upload-actions{align-items:center;gap:10px;display:flex}.upload-actions button{min-height:42px}.upload-status-panel{gap:18px;display:grid;position:sticky;top:88px}.upload-status-panel>p{color:#526f2d;margin:0;font-weight:800;line-height:1.55}.upload-status-panel .error-copy{color:#a43425}.upload-status-panel .success-copy{color:#526f2d}.upload-notice{background:#bd56371a;border-radius:8px;gap:6px;padding:14px;display:grid}.upload-notice strong{color:#8d422d;font-size:.82rem}.upload-notice p{color:#4f4439;overflow-wrap:anywhere;margin:0;font-size:.84rem;line-height:1.45}.success-notice{background:#6481421f}.success-notice strong{color:#526f2d}.library-connect-panel h2,.library-connect-panel p{margin:0}.library-connect-panel .eyebrow{margin-bottom:6px}.library-connect-panel p:not(.eyebrow){color:#5f5348;margin-top:8px;line-height:1.55}.library-connect-actions{gap:8px;display:flex}.browser-capability-note{color:#8d422d;background:#bd563714;border:1px solid #bd563733;border-radius:8px;padding:10px 12px;font-size:.82rem;font-weight:800;line-height:1.45}.browser-capability-note.supported-browser{color:#526f2d;background:#6481421a;border-color:#6481423d}.library-connect-actions button{white-space:nowrap;min-height:40px;padding:.62rem .9rem}.library-connect-actions .saved-directory-action{color:#526f2d;background:#6481421f;border:1px solid #64814247}.library-connect-actions .saved-directory-action:hover{background:#64814233}.library-connect-status{text-align:right;justify-items:end;gap:5px;display:grid}.library-connect-status strong{color:#bd5637;font-size:1.05rem}.library-connect-status span{color:#7b6e62;font-weight:800}.library-connect-status .saved-directory-copy{color:#526f2d;font-size:.76rem}.library-connect-status p{color:#526f2d;gap:3px;font-size:.8rem;font-weight:800;display:grid}.library-connect-status small{color:#7b6e62;font-weight:600}.library-connect-status .connect-error{color:#a43425}.library-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:20px;display:grid}.library-groups-panel{background:#fffaf29e;border:1px solid #513f2d1f;border-radius:8px;gap:14px;padding:18px;display:grid;position:sticky;top:88px}.library-groups-panel ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.library-groups-panel a{color:#3f352b;background:#241f190d;border-radius:8px;gap:4px;padding:10px 12px;text-decoration:none;display:grid}.library-groups-panel a:hover{background:#bd56371a}.library-groups-panel strong{color:#241f19;font-size:.9rem}.library-groups-panel span{color:#7b6e62;font-size:.76rem}.library-group-list{gap:20px;display:grid}.library-group-section{gap:14px;display:grid}.library-group-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.library-group-heading p,.library-group-heading h2,.library-group-heading dl{margin:0}.library-group-heading p{color:#8d422d;text-transform:uppercase;font-size:.74rem;font-weight:900}.library-group-heading h2{color:#241f19;font-size:1.35rem}.library-group-heading dl{gap:8px;display:flex}.library-group-heading div{min-width:0}.library-group-heading dl div{text-align:right;background:#241f190f;border-radius:8px;gap:2px;min-width:76px;padding:8px 10px;display:grid}.library-group-heading dt{color:#7b6e62;font-size:.68rem;font-weight:800}.library-group-heading dd{color:#bd5637;margin:0;font-weight:900}.library-table-panel{gap:16px;display:grid}.library-table-wrap{background:#fffaf27a;border:1px solid #513f2d1f;border-radius:8px;overflow:auto}.library-table{border-collapse:collapse;text-align:left;width:100%;min-width:980px}.library-table th,.library-table td{vertical-align:top;border-bottom:1px solid #513f2d1f;padding:13px 14px}.library-table th{color:#8d422d;text-transform:uppercase;font-size:.76rem;font-weight:900}.library-table td{color:#3f352b;font-size:.9rem}.library-table td strong,.library-table td span{display:block}.library-table td span{color:#7b6e62;margin-top:3px;font-size:.78rem}.library-table code{color:#241f19;overflow-wrap:anywhere;margin-top:5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem;display:block}.library-progress-cell{gap:5px;min-width:120px;display:grid}.library-progress-cell strong{color:#bd5637;font-size:.92rem}.library-progress-cell span{background:#513f2d1f;border-radius:999px;height:7px;margin:0;display:block;position:relative;overflow:hidden}.library-progress-cell i{border-radius:inherit;background:#bd5637;height:100%;display:block}.library-progress-cell small{color:#7b6e62;font-size:.72rem}.player-shell{width:min(1480px,100% - 32px);margin:0 auto;padding:56px 0}.player-header{margin-bottom:24px}.player-header a{color:#8d422d;margin-bottom:18px;font-weight:900;text-decoration:none;display:inline-flex}.player-header h1,.player-header p{margin:0}.player-header p:not(.eyebrow){color:#5f5348;margin-top:14px}.player-layout{grid-template-columns:minmax(320px,.75fr) minmax(420px,1fr);align-items:start;gap:20px;display:grid}.player-panel,.player-segments-panel{background:#fffaf29e;border:1px solid #513f2d1f;border-radius:8px;box-shadow:0 18px 60px #382a1c14}.player-panel{gap:18px;padding:24px;display:grid}.player-now{background:#241f190f;border-radius:8px;gap:6px;padding:18px;display:grid}.player-now span{color:#8d422d;font-size:.76rem;font-weight:900}.player-now strong{color:#241f19;font-size:1.4rem}.player-now p{color:#6a5d50;margin:0}.player-controls-main{grid-template-columns:1fr 1fr;gap:8px;display:grid}.player-controls-main button:first-child{grid-column:span 2}.player-controls-main .secondary-action{color:#4f4439;background:#fffaf2b8;border:1px solid #513f2d29}.player-controls-main .secondary-action:hover:not(:disabled){background:#bd56371a}.player-message{color:#526f2d;margin:0;font-weight:800;line-height:1.55}.player-error{color:#a43425}.player-segments-panel{gap:12px;padding:20px;display:grid}.player-segment-list{grid-auto-rows:minmax(48px,auto);align-content:start;gap:8px;min-height:520px;max-height:calc(100vh - 260px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.player-segment-list li{background:#fffaf2b3;border:1px solid #513f2d1f;border-radius:8px;min-height:48px;display:block;overflow:hidden}.player-segment-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:48px;display:grid}.player-segment-list .player-segment-button{color:#4f4439;width:100%;height:100%;min-height:48px;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-weight:700;line-height:1.35;display:grid;overflow:visible}.player-segment-list .player-segment-button:hover{background:#bd563714}.player-segment-list .player-segment-index{color:#9b4c32;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;font-weight:900}.player-segment-list .player-segment-time{color:#241f19;font-size:.92rem;font-weight:800}.player-segment-list em{color:#a43425;background:#bd56371f;border-radius:999px;padding:3px 7px;font-size:.72rem;font-style:normal;font-weight:800}.player-segment-badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:inline-flex}.player-segment-list .review-badge{color:#9a5b12;background:#b4782a29}.player-segment-list .favorite-badge{color:#9b4c32;background:#bd563724}.player-segment-actions{border-left:1px solid #513f2d1a;grid-template-columns:38px 38px;display:grid}.player-segment-actions button{color:#75685b;background:0 0;border:0;border-left:1px solid #513f2d14;border-radius:0;min-width:38px;min-height:48px;padding:0;font-size:1rem;font-weight:900}.player-segment-actions button:hover{background:#bd563714}.player-segment-actions .active-segment-toggle{color:#9b4c32;background:#bd56371f}.active-player-segment{background:#bd56371a;border-color:#bd56377a}.completed-player-segment{background:#66853f1a}.completed-player-segment .player-segment-index,.completed-player-segment .player-segment-time{color:#526f2d}.completed-player-segment em{color:#526f2d;background:#66853f24}.review-player-segment{border-color:#b4782a47}.favorite-player-segment{border-color:#bd563757}.tape-player-shell{width:1440px;min-width:1440px;max-width:none;height:900px;min-height:900px;max-height:none;padding:16px 0 24px;overflow:hidden}.workbench{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:20px;display:grid}.three-column-workbench{grid-template-columns:minmax(360px,.95fr) minmax(300px,.75fr) minmax(360px,.9fr);align-items:start}.upload-zone,.status-panel{background:#fffaf2b8;border:1px solid #513f2d2e;border-radius:8px;box-shadow:0 18px 60px #382a1c14}.upload-zone{text-align:center;border-style:dashed;align-content:center;justify-items:center;min-height:360px;padding:36px;display:grid}.player-column{align-content:start;min-height:720px}.zone-title{color:#2b241d;margin:0;font-size:1.5rem;font-weight:800}.zone-copy{color:#6a5d50;max-width:480px;margin:12px 0 24px;line-height:1.65}.file-input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.state-message{color:#706357;min-height:1.5rem;margin:18px 0 0;font-size:.95rem}.state-error{color:#a43425;font-weight:700}.library-save-panel{text-align:left;gap:10px;width:min(100%,420px);margin-top:18px;display:grid}.folder-button{color:#4f4439;background:#fffaf2bd;border:1px solid #513f2d29;margin-top:8px}.folder-button:hover{background:#bd56371a}.folder-scan-panel{text-align:left;background:#fffaf29e;border:1px solid #513f2d24;border-radius:8px;gap:10px;width:min(100%,420px);margin-top:16px;padding:16px;display:grid}.folder-scan-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.folder-scan-heading h2{margin:0;font-size:.95rem}.folder-scan-heading strong{color:#bd5637}.folder-scan-panel label{color:#5f5348;gap:6px;font-size:.78rem;font-weight:800;display:grid}.folder-scan-panel input,.folder-scan-panel select{color:#241f19;width:100%;min-height:38px;font:inherit;background:#fffaf2d1;border:1px solid #513f2d29;border-radius:8px;padding:0 10px}.folder-scan-panel p{color:#5f5348;margin:0;font-size:.86rem;line-height:1.55}.folder-scan-panel p strong{color:#8d422d}.folder-scan-panel .folder-step-copy{color:#526f2d;background:#6481421a;border-radius:8px;padding:10px 12px;font-weight:800}.folder-scan-panel ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.folder-scan-panel li{color:#4f4439;background:#241f190f;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 10px;font-size:.8rem;display:grid}.folder-scan-panel li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-scan-panel li strong{color:#241f19}.folder-scan-panel small{color:#7b6e62}.batch-warning{color:#8d422d;background:#bd56371a;border-radius:8px;padding:10px 12px;font-weight:700}.batch-action-row{display:grid}.batch-action-row button{width:100%}.batch-progress{background:#241f190d;border:1px solid #513f2d1f;border-radius:8px;gap:10px;padding:12px;display:grid}.batch-progress-heading{color:#4f4439;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.batch-progress-heading strong{color:#bd5637;font-size:1.15rem}.batch-progress-bar{background:#513f2d1f;border-radius:999px;height:10px;overflow:hidden}.batch-progress-bar span{border-radius:inherit;background:#bd5637;height:100%;transition:width .2s;display:block}.batch-progress-grid{gap:8px;margin:0;display:grid}.batch-progress-grid div{gap:2px;display:grid}.batch-progress-grid dt{color:#8d422d;font-size:.72rem;font-weight:800}.batch-progress-grid dd{color:#302820;overflow-wrap:anywhere;margin:0;font-size:.82rem}.batch-progress.error-progress{background:#bd563714;border-color:#bd563761}.library-save-panel label{color:#5f5348;gap:6px;font-size:.78rem;font-weight:800;display:grid}.library-save-panel input,.library-save-panel textarea{color:#241f19;width:100%;font:inherit;background:#fffaf2d1;border:1px solid #513f2d29;border-radius:8px;font-size:.9rem}.library-save-panel input{min-height:42px;padding:0 12px}.library-save-panel textarea{resize:vertical;min-height:62px;padding:10px 12px}.library-save-panel button{min-height:42px;padding:.72rem .9rem}.save-message{color:#6a5d50;gap:3px;margin:0;font-size:.82rem;line-height:1.45;display:grid}.save-message small{color:#8d422d;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem}.save-success{color:#526f2d;font-weight:800}.save-error{color:#a43425;font-weight:800}.segment-summary{color:#5f5348;gap:4px;margin-top:22px;display:grid}.segment-summary span{color:#bd5637;font-size:3rem;font-weight:900;line-height:1}.segment-summary p{margin:0}.segment-summary .progress-copy{color:#6a5d50;gap:4px;margin-top:8px;display:grid}.progress-copy small{color:#648142;font-size:.8rem;font-weight:800}.now-playing{text-align:left;background:#241f1914;border-radius:8px;gap:4px;width:min(100%,320px);margin-top:18px;padding:14px 16px;display:grid}.now-playing p,.now-playing span{color:#6a5d50;margin:0;font-size:.86rem}.now-playing strong{color:#241f19}.player-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,420px);margin-top:18px;display:grid}.control-button{white-space:nowrap;min-height:42px;padding:.72rem .85rem;font-size:.9rem}.control-button.secondary{color:#4f4439;background:#fffaf2bd;border:1px solid #513f2d29}.control-button.secondary:hover:not(:disabled){background:#bd56371a}.control-button.wide{grid-column:span 2}.waveform-panel{background:#241f191a;border-radius:8px;gap:10px;width:min(100%,560px);margin-top:22px;padding:16px;display:grid}.waveform-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.waveform-heading h2,.waveform-heading span{margin:0}.waveform-heading h2{color:#241f19;font-size:.95rem}.waveform-heading span{color:#6a5d50;font-size:.82rem}.waveform-style-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.waveform-style-tabs button{color:#5f5348;background:#fffaf29e;border:1px solid #513f2d24;min-height:34px;padding:.48rem .5rem;font-size:.78rem;font-weight:800}.waveform-style-tabs button:hover{background:#bd56371a}.waveform-style-tabs .active-style{color:#fffaf2;background:#bd5637;border-color:#bd563780}.waveform-zoom-controls{grid-template-columns:1fr auto 1fr;gap:6px;display:grid}.waveform-zoom-controls button{color:#5f5348;background:#fffaf29e;border:1px solid #513f2d24;min-height:32px;padding:.42rem .5rem;font-size:.76rem;font-weight:800}.waveform-zoom-controls button:hover:not(:disabled){background:#bd56371a}.waveform-zoom-controls button:nth-child(2){color:#241f19;background:#241f1914;min-width:82px}.waveform-frame{background:#fffaf2b8;border:1px solid #513f2d2e;border-radius:8px;min-height:92px;position:relative;overflow:hidden}.waveform{z-index:1;min-height:82px;padding:5px 0;position:relative}.waveform-classic{min-height:106px}.waveform-classic .waveform{min-height:96px}.waveform-compact{min-height:58px}.waveform-compact .waveform{min-height:48px}.segment-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.segment-overlay span{background:0 0;position:absolute;top:0;bottom:0}.segment-overlay .active-wave-segment{background:linear-gradient(90deg,#0000,#bd563714 18% 82%,#0000)}.playhead{background:#2f261e;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 2px #fffaf2a6}.status-panel{padding:28px}.status-panel h2{margin:0 0 18px;font-size:1.1rem}.status-panel ul{color:#5f5348;gap:13px;margin:0;padding-left:1.2rem;display:grid}.analysis-panel{align-content:start;gap:22px;display:grid}.info-column,.segment-column{min-height:720px}.metadata-list{gap:16px;margin:0;display:grid}.metadata-list div{border-bottom:1px solid #513f2d1f;gap:6px;padding-bottom:14px;display:grid}.metadata-list dt{color:#8d422d;text-transform:uppercase;font-size:.78rem;font-weight:800}.metadata-list dd{color:#302820;overflow-wrap:anywhere;margin:0;line-height:1.45}.hash-value{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.empty-state{color:#6a5d50;margin:0;line-height:1.65}.next-panel{background:#b080531a;border-radius:8px;padding:18px}.next-panel h3{margin:0 0 12px;font-size:.95rem}.segments-panel{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:12px;display:grid}.panel-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.panel-heading h3,.panel-heading p{margin:0}.panel-heading h3{font-size:.95rem}.panel-heading p{color:#7b6e62;font-size:.82rem}.segment-filter-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.segment-filter-tabs button{color:#5f5348;background:#fffaf29e;border:1px solid #513f2d24;justify-items:center;gap:2px;min-height:42px;padding:.42rem .35rem;font-size:.76rem;font-weight:800;display:grid}.segment-filter-tabs button:hover{background:#bd56371a}.segment-filter-tabs small{color:#8d422d;font-size:.68rem;font-weight:900}.segment-filter-tabs .active-filter{color:#fffaf2;background:#bd5637;border-color:#bd563780}.segment-filter-tabs .active-filter small{color:#fffaf2}.segment-list{grid-auto-rows:minmax(48px,auto);align-content:start;gap:8px;min-height:560px;max-height:calc(100vh - 250px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.segment-list li{background:#fffaf2b3;border:1px solid #513f2d1f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:48px;display:grid;overflow:hidden}.segment-button{color:#4f4439;text-align:left;background:0 0;border-radius:0;grid-template-columns:48px 1fr auto auto;align-items:center;gap:10px;width:100%;height:100%;min-height:48px;padding:10px 12px;font-weight:500;line-height:1.35;display:grid;overflow:visible}.segment-play-button{border-right:1px solid #513f2d1a}.segment-button:hover{background:#bd563714}.segment-button:focus-visible{outline-offset:-3px;outline:3px solid #bd563752}.segment-actions{grid-template-columns:repeat(3,34px);align-items:stretch;display:grid}.segment-actions button{color:#8a7c6e;background:#fffaf273;border-left:1px solid #513f2d14;border-radius:0;min-width:34px;min-height:100%;padding:0;font-size:.9rem}.segment-actions button:hover{background:#bd56371a}.segment-actions .active-action{color:#526f2d;background:#6481422e}.segment-index{color:#9b4c32;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;font-weight:800}.segment-list strong{color:#a43425;background:#bd56371f;border-radius:999px;padding:3px 7px;font-size:.72rem}.segment-list em{color:#526f2d;background:#64814224;border-radius:999px;padding:3px 7px;font-size:.72rem;font-style:normal;font-weight:800}.active-segment{background:#bd56371a;border-color:#bd56377a}.completed-segment{background:#64814214}.long-segment{border-color:#bd563759}@media (width<=760px){.prototype-shell{padding:32px 0}.library-title-row,.upload-title-row,.library-group-heading{display:grid}.library-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-layout,.player-layout{grid-template-columns:1fr}.player-segment-list{min-height:360px;max-height:60vh}.library-connect-panel,.upload-layout{grid-template-columns:1fr}.upload-status-panel{position:static}.upload-file-picker{display:grid}.upload-field-grid{grid-template-columns:1fr}.upload-field-grid .wide-field{grid-column:auto}.library-connect-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.library-connect-status{text-align:left;justify-items:start}.library-groups-panel{position:static}.library-group-heading dl{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workbench,.three-column-workbench{grid-template-columns:1fr}.player-column,.info-column,.segment-column{min-height:auto}.segment-list{min-height:360px;max-height:60vh}.segment-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tape-player-shell{width:1440px;min-width:1440px;height:900px;min-height:900px;max-height:none;padding:16px 0 24px}.tape-player-layout{grid-template-columns:minmax(0,790px) 440px 160px;height:730px;min-height:730px;max-height:730px;overflow:hidden}.tape-ad-rail{height:100%;min-height:0}.cassette-window,.cassette-body{min-height:0}.tape-secondary-controls,.tape-state-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.tape-state-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.tape-segment-panel{height:100%;min-height:0}.tape-filter-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=520px){.library-summary-grid,.library-group-heading dl{grid-template-columns:1fr}.tape-title-row{display:flex}.tape-progress-summary{text-align:right}.cassette-stage{padding:14px}.cassette-body{grid-template-columns:78px 1fr 78px;gap:14px}.cassette-label{padding:18px}.tape-segment-list button{grid-template-columns:58px minmax(92px,1fr) 32px;gap:10px}}.transport-now,.dock-card{grid-template-columns:1fr}