:root{--bg:#fff;--sidebar-bg:#f0f0f2;--toolbar-bg:#f6f6f8;--border:#dcdce0;--text:#1d1d1f;--muted:#6e6e73;--accent:#0a64d8;--accent-text:#fff;--sel-bg:#0a64d8;--sel-inactive:#dcdce1;--row-alt:#f7f7f9;--hover:#0000000d;--danger:#d62d20;--file-bg:#fff;--shadow:0 8px 30px #0000002e;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Segoe UI,sans-serif;font-size:13px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1e1e1e;--sidebar-bg:#262628;--toolbar-bg:#2a2a2c;--border:#3a3a3c;--text:#f2f2f4;--muted:#9a9aa0;--accent:#2f7ff0;--sel-bg:#2160c4;--sel-inactive:#3a3a3e;--row-alt:#232325;--hover:#ffffff0f;--danger:#ff5a4e;--file-bg:#2a2a2c;--shadow:0 8px 30px #00000080}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--danger)}.modal-actions button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.icon-button{border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px 6px;display:inline-flex}.icon-button:hover:not(:disabled),.icon-button.active{background:var(--hover)}.icon-button.active{color:var(--accent)}.link-button{color:var(--accent);border:none;padding:0 4px}.text-input{font:inherit;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:7px 9px}.text-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.spacer{flex:1}kbd{color:var(--muted);font-family:inherit;font-size:12px}.center-screen{background:var(--sidebar-bg);justify-content:center;align-items:center;height:100%;display:flex}.card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:12px;min-width:280px;padding:24px;display:flex}.card h1{text-align:center;margin:0 0 4px;font-size:20px}.error-text{color:var(--danger);margin:0}.app{height:100dvh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;width:200px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar-title{color:var(--muted);padding:4px 8px;font-size:11px;font-weight:600}.sidebar-item{text-align:left;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.sidebar-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-item:hover:not(:disabled){background:var(--hover)}.sidebar-item.active{background:var(--sel-inactive)}.sidebar-spacer{flex:1}.drop-target{outline-offset:-2px;outline:2px solid var(--accent)!important;background:color-mix(in srgb, var(--accent) 15%, transparent)!important}.main{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{background:var(--toolbar-bg);border-bottom:1px solid var(--border);align-items:center;gap:2px;min-height:44px;padding:6px 8px;display:flex}.breadcrumb{white-space:nowrap;scrollbar-width:none;align-items:center;min-width:0;margin-left:6px;display:flex;overflow-x:auto}.crumb{border:none;padding:3px 6px;font-weight:500}.crumb:hover{background:var(--hover)}.crumb-wrap:last-child .crumb{font-weight:700}.crumb-sep{color:var(--muted)}.jobs-button{position:relative}.jobs-button .count{background:var(--accent);color:#fff;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:10px;line-height:15px;position:absolute;top:0;right:0}.actionbar{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;padding:6px 8px;display:flex;overflow-x:auto}.actionbar button{white-space:nowrap;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.mobile-only{display:none}.file-list{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-height:0;display:flex}.list-header,.row{grid-template-columns:28px minmax(160px,1fr) 150px 90px 120px;align-items:center;display:grid}.file-list.touch .list-header,.file-list.touch .row{grid-template-columns:36px minmax(120px,1fr) 150px 90px 120px 36px}.list-header{border-bottom:1px solid var(--border);padding-right:8px}.list-header .sort{text-align:left;color:var(--muted);border:none;border-left:1px solid var(--border);border-radius:0;padding:5px 8px;font-size:12px}.list-header .sort.active{color:var(--text);font-weight:600}.sort-arrow{margin-left:4px;font-size:8px}.rows{flex:1;padding-bottom:40px;overflow-y:auto}.row{cursor:default;height:26px;padding-right:8px}.file-list.touch .row{height:44px}.row:nth-child(2n){background:var(--row-alt)}.row.selected{background:var(--sel-bg);color:var(--accent-text)}.row.selected .col-date,.row.selected .col-size,.row.selected .col-kind{color:var(--accent-text);opacity:.85}.row.hidden-entry .col-name,.row.cut .col-name{opacity:.5}.row>span{white-space:nowrap;text-overflow:ellipsis;padding:0 8px;overflow:hidden}.col-check{justify-content:center;display:flex;padding:0!important}.col-check input{pointer-events:none;opacity:0;margin:0}.row:hover .col-check input,.row.selected .col-check input,.file-list.touch .col-check input{opacity:1}.file-list.touch .col-check input{width:18px;height:18px}.col-name{align-items:center;gap:6px;display:flex}.entry-icon{flex-shrink:0}.name-text{text-overflow:ellipsis;overflow:hidden}.col-date,.col-size,.col-kind{color:var(--muted)}.col-size,.list-header .col-size{text-align:right}.col-more{justify-self:center}.rename-input{font:inherit;border:1px solid var(--accent);background:var(--bg);min-width:0;color:var(--text);-webkit-user-select:text;user-select:text;border-radius:3px;outline:none;flex:1;padding:1px 4px}.empty{color:var(--muted);text-align:center;padding:40px 0}.list-error{color:var(--danger);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.statusbar{color:var(--muted);border-top:1px solid var(--border);background:var(--toolbar-bg);min-height:26px;padding:4px 12px;padding-bottom:max(4px, env(safe-area-inset-bottom));align-items:center;gap:12px;font-size:12px;display:flex}.clip-status{margin-left:auto}.jobs-panel{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:380px;min-height:0;display:flex}.jobs-panel header{border-bottom:1px solid var(--border);background:var(--toolbar-bg);align-items:center;gap:6px;min-height:44px;padding:8px 10px;display:flex}.badge{border-radius:8px;padding:1px 6px;font-size:11px}.badge.warn{color:#fff;background:#f59e0b}.jobs-list{flex:1;overflow-y:auto}.job{border-bottom:1px solid var(--border)}.job-head{cursor:pointer;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.job-head:hover{background:var(--hover)}.status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.status-dot.running{background:var(--accent);animation:1s infinite alternate pulse}.status-dot.succeeded{background:#22c55e}.status-dot.failed{background:var(--danger)}.status-dot.canceled{background:#f59e0b}@keyframes pulse{to{opacity:.3}}.job-main{flex:1;min-width:0}.job-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.job-sub{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:12px}.job.failed .job-sub{color:var(--danger)}.progress{background:var(--sel-inactive);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .25s}.progress.indeterminate>div{width:30%;animation:1.2s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(330%)}}.job-detail{padding:0 10px 10px 26px;font-size:12px}.job-detail dl{grid-template-columns:64px 1fr;gap:4px 8px;margin:0 0 8px;display:grid}.job-detail dt{color:var(--muted)}.job-detail dd{overflow-wrap:anywhere;margin:0}.job-detail dd .link-button{text-align:left;padding:0;display:block}.result-data{max-height:160px;margin:0;font-size:11px;overflow:auto}.job-log{color:#ddd;white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;background:#111;border-radius:6px;max-height:260px;margin:0;padding:8px;font-size:11px;line-height:1.5;overflow:auto}.log-time{color:#777}.log-warn{color:#fbbf24}.log-error{color:#f87171}.context-menu{z-index:50;background:var(--bg);border:1px solid var(--border);min-width:200px;max-height:80vh;box-shadow:var(--shadow);border-radius:8px;padding:4px;position:fixed;overflow-y:auto}.menu-item{text-align:left;border:none;border-radius:4px;justify-content:space-between;gap:20px;width:100%;padding:5px 10px;display:flex}.menu-item:hover:not(:disabled){background:var(--accent);color:var(--accent-text)}.menu-item:hover:not(:disabled) kbd{color:var(--accent-text)}.menu-item.danger:not(:hover){color:var(--danger)}.menu-separator{background:var(--border);height:1px;margin:4px 6px}.menu-header{color:var(--muted);padding:4px 10px 2px;font-size:11px;font-weight:600}.modal-backdrop{z-index:60;background:#0000004d;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;width:min(440px,100vw - 24px);padding:18px 20px}.modal h2{margin:0 0 10px;font-size:15px}.modal-message{margin:0 0 10px;line-height:1.5}.modal-sub{color:var(--muted);margin:0 0 10px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.conflict-list{max-height:160px;color:var(--muted);margin:0;padding-left:18px;overflow-y:auto}.param-form{flex-direction:column;gap:10px;display:flex}.param{flex-direction:column;gap:4px;display:flex}.param.checkbox{flex-direction:row;align-items:center;gap:6px}.param small{color:var(--muted)}.toasts{z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.toast{color:#fff;max-width:min(560px,100vw - 24px);box-shadow:var(--shadow);background:#1e1e20eb;border-radius:8px;padding:8px 14px}.toast.error{background:var(--danger)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-backdrop{display:none}@media (width<=900px){.list-header .col-kind,.row .col-kind{display:none}.list-header,.row{grid-template-columns:28px minmax(140px,1fr) 140px 80px}.file-list.touch .list-header,.file-list.touch .row{grid-template-columns:36px minmax(120px,1fr) 140px 80px 36px}}@media (width<=700px){.mobile-only{display:inline-flex}.sidebar{z-index:40;width:240px;padding-top:max(12px, env(safe-area-inset-top));transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow);transform:none}.sidebar-backdrop{z-index:39;background:#0000004d;display:block;position:fixed;inset:0}.toolbar{padding-top:max(6px, env(safe-area-inset-top))}.actionbar button span{display:none}.actionbar button{padding:6px 10px}.list-header .col-date,.row .col-date{display:none}.list-header,.row{grid-template-columns:28px minmax(0,1fr) 80px}.file-list.touch .list-header,.file-list.touch .row{grid-template-columns:36px minmax(0,1fr) 76px 36px}.jobs-panel{z-index:45;border-left:none;border-top:1px solid var(--border);width:100%;height:70dvh;box-shadow:var(--shadow);border-radius:12px 12px 0 0;position:fixed;inset:auto 0 0}}