.unbox{--unbox-success: var(--success);--unbox-error: var(--danger);--unbox-warning: var(--warning);--unbox-dropzone-bg: var(--accent-soft);--unbox-dropzone-border: var(--accent-line);--unbox-dropzone-active: var(--accent);--unbox-font-mono: var(--font-mono)}.unbox-main{flex:1;width:100%}.dropzone{border:2px dashed var(--unbox-dropzone-border);border-radius:var(--radius-lg);padding:60px 32px;text-align:center;background:var(--unbox-dropzone-bg);transition:border-color .2s,background .2s;cursor:pointer;position:relative}.dropzone:hover,.dropzone.dragover{border-color:var(--unbox-dropzone-active);background:var(--accent-glow)}.dropzone-icon{margin-bottom:16px;display:flex;justify-content:center}.dropzone-icon svg{width:64px;height:64px;color:var(--accent)}.dropzone h2{font-size:1.4rem;margin-bottom:8px;color:var(--text)}.dropzone p{color:var(--text-muted);margin-bottom:6px}.dropzone .privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:.85rem;color:var(--unbox-success)}.dropzone .privacy-note svg{width:16px;height:16px}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.archive-viewer{display:none}.archive-viewer.active{display:block}.archive-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.archive-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.archive-info .format-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--accent-glow);color:var(--accent);border-radius:var(--radius);font-size:.85rem;font-weight:600;text-transform:uppercase}.archive-actions{display:flex;gap:8px;flex-wrap:wrap}.unbox .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:.9rem;font-weight:500;transition:background .15s,color .15s;border:none;cursor:pointer;font-family:inherit}.unbox .btn svg{width:16px;height:16px}.unbox .btn-primary{background:var(--accent);color:var(--accent-ink)}.unbox .btn-primary:hover{background:var(--accent-hover)}.unbox .btn-secondary{background:var(--bg-card-hover);color:var(--text)}.unbox .btn-secondary:hover{background:var(--border)}.unbox .btn-ghost{background:none;color:var(--text-muted)}.unbox .btn-ghost:hover{background:var(--bg-card)}.unbox .btn-sm{padding:6px 12px;font-size:.85rem}.tree-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:var(--bg-card);border-radius:var(--radius);font-size:.85rem;flex-wrap:wrap}.tree-toolbar button{color:var(--accent);font-size:.85rem;background:none;border:none;cursor:pointer;font-family:inherit}.tree-toolbar button:hover{text-decoration:underline}.tree-toolbar .separator{width:1px;height:16px;background:var(--border)}.search-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted)}.search-bar svg{flex-shrink:0;opacity:.5}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.85rem;font-family:inherit;min-width:0}.search-bar input::placeholder{color:var(--text-muted);opacity:.6}.search-count{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.tree-row.search-hidden,.tree-node.search-hidden-node{display:none}.tree-row.search-highlight .name{color:var(--accent);font-weight:600}.file-tree{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tree-node{border-bottom:1px solid var(--border)}.tree-node:last-child{border-bottom:none}.tree-row{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;cursor:pointer;transition:background .1s}.tree-row:hover{background:var(--bg-card)}.tree-row .indent{flex-shrink:0}.tree-row .toggle{width:16px;flex-shrink:0;color:var(--text-muted)}.tree-row .icon{width:18px;height:18px;flex-shrink:0}.tree-row .checkbox{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.tree-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row .meta{display:flex;gap:16px;color:var(--text-muted);font-size:.8rem;flex-shrink:0}@media(max-width:640px){.tree-row .meta .date{display:none}}.tree-children{display:none}.tree-children.expanded{display:block}.tree-children .tree-row{padding-inline-start:calc(12px + var(--depth, 0) * 20px)}.progress-bar{display:none;margin:16px 0;padding:16px;background:var(--bg-card);border-radius:var(--radius)}.progress-bar.active{display:block}.progress-track{height:8px;background:var(--bg-card-hover);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-sm);transition:width .2s;width:0%}.progress-text{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.modal-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1000;align-items:center;justify-content:center;padding:24px}.modal-overlay.active{display:flex}.modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;max-width:420px;width:100%;box-shadow:var(--shadow-pop)}.modal h3{font-size:1.2rem;margin-bottom:8px}.modal p{color:var(--text-muted);margin-bottom:16px}.modal input[type=password]{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:1rem;margin-bottom:8px;font-family:inherit}.modal input[type=password]:focus{outline:none;border-color:var(--accent)}.modal .error-text{color:var(--unbox-error);font-size:.85rem;margin-bottom:8px;display:none}.modal .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.preview-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:1000;padding:24px;overflow:auto}.preview-overlay.active{display:block}.preview-container{max-width:900px;margin:0 auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.preview-header .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-body{padding:16px;max-height:70vh;overflow:auto}.preview-body pre{white-space:pre-wrap;word-break:break-all;font-family:var(--unbox-font-mono);font-size:.85rem;line-height:1.5}.preview-body img{max-width:100%;height:auto}.privacy{max-width:760px;margin:0 auto;padding:56px 0 96px}.privacy__header{margin-bottom:56px;padding-bottom:36px;border-bottom:1px dashed var(--rule)}.privacy__eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 28px}.privacy__rule{flex:1;height:1px;background:var(--rule);max-width:240px}.privacy__title{font-family:var(--font-body);font-style:normal;font-weight:400;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.02;letter-spacing:-.025em;color:var(--ink);margin:0 0 20px}.privacy__intro{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.45;color:var(--ink-muted);max-width:28em;margin:0}.privacy__sections{display:flex;flex-direction:column}.privacy__section{display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:baseline;padding:28px 0;border-top:1px solid var(--rule)}.privacy__section:last-child{border-bottom:1px solid var(--rule)}.privacy__section-index{font-family:var(--font-mono);font-size:.78rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:var(--ink-muted);padding-top:6px}.privacy__section-title{font-family:var(--font-body);font-style:normal;font-size:1.6rem;font-weight:500;line-height:1.1;letter-spacing:-.01em;color:var(--ink);margin:0 0 12px}.privacy__section-text{font-family:var(--font-body);font-size:.98rem;line-height:1.65;color:var(--ink-muted);margin:0}@media(max-width:640px){.privacy{padding:32px 0 72px}.privacy__header{margin-bottom:40px;padding-bottom:28px}.privacy__section{grid-template-columns:1fr;gap:6px;padding:22px 0}.privacy__section-index{padding-top:0}}.error-container{display:none;text-align:center;padding:32px}.error-container.active{display:block}.error-container svg{width:48px;height:48px;color:var(--unbox-error);margin-bottom:16px}.error-container h3{font-size:1.1rem;margin-bottom:8px}.error-container p{color:var(--text-muted);margin-bottom:16px}@media(max-width:640px){.dropzone{padding:40px 20px}.dropzone h2{font-size:1.2rem}.archive-header{flex-direction:column;align-items:flex-start}}