.organize-options-panel{display:grid;gap:20px}.organize-field{display:grid;gap:8px}.organize-field span{font-size:13px;font-weight:800;color:var(--text-secondary)}.organize-field input{width:100%;min-height:42px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.organize-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.organize-history-section,.organize-actions-section{display:grid;gap:10px;border-top:1px solid var(--panel-border);padding-top:16px}.organize-history-grid,.organize-actions-grid{display:grid;gap:8px}.organize-history-grid{grid-template-columns:repeat(2,1fr)}.organize-actions-grid{grid-template-columns:1fr}@media(min-width:320px){.organize-actions-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.organize-history-grid button,.organize-actions-grid button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);font-size:13px;font-weight:850;transition:all .2s cubic-bezier(.4,0,.2,1)}.organize-history-grid button:hover:not(:disabled),.organize-actions-grid button:hover:not(:disabled){background:var(--panel-muted);border-color:var(--text-secondary)}.organize-history-grid button:disabled,.organize-actions-grid button:disabled{opacity:.45;cursor:not-allowed}.organize-actions-grid button.reset-button{border-color:#f8717140;color:var(--danger)}.organize-actions-grid button.reset-button:hover{background:#f8717114;border-color:var(--danger)}.primary-organize-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font-weight:850;font-size:14px;cursor:pointer;transition:all .2s}.primary-organize-button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 4px 12px #fb7a5240}.primary-organize-button:disabled{opacity:.5;cursor:not-allowed}.organize-board{border-color:var(--panel-border);background:var(--panel-bg)}.organize-page-browser{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;padding:24px}.organize-card{position:relative;cursor:grab;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s;overflow:hidden}.organize-card:active{cursor:grabbing}.organize-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-pop)}.organize-card.dragging{opacity:.4;transform:scale(.95);border-style:dashed}.organize-card.drag-over{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.rotate-thumbnail-wrap{display:flex!important;justify-content:center;align-items:center;min-height:180px;padding:10px;border-radius:6px;background:var(--panel-muted);overflow:hidden}.rotate-thumbnail-wrap canvas{max-width:100%;max-height:160px;border-radius:4px;box-shadow:0 4px 12px #00000026;background:#fff}.organize-blank-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:160px;max-height:160px;max-width:100%;aspect-ratio:1 / 1.414;border:1px dashed var(--panel-border);border-radius:4px;background:#fff;box-shadow:0 4px 12px #00000026;color:var(--text-soft);text-align:center;font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.organize-page-label{display:block;font-size:13px;font-weight:850;margin-top:8px;color:var(--text-secondary)}.organize-card-overlay{position:absolute;inset:10px 10px auto;display:flex;justify-content:center;gap:6px;z-index:10;opacity:0;transform:translateY(-8px) scale(.95);transition:all .22s cubic-bezier(.4,0,.2,1)}.organize-card:hover .organize-card-overlay{opacity:1;transform:translateY(0) scale(1)}.organize-action-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--panel-bg) 85%,transparent);color:var(--text-primary);box-shadow:0 4px 10px #0003;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.organize-action-button:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.15)}.organize-action-button.delete-button:hover{background:var(--danger);border-color:var(--danger)}.organize-page-slot{position:relative}.organize-insert-gutter{position:absolute;top:0;bottom:0;width:24px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;z-index:15;-webkit-tap-highlight-color:transparent}.organize-insert-gutter-before{left:-24px}.organize-insert-gutter-after{right:-24px}.organize-insert-mark{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.organize-insert-gutter-before .organize-insert-mark{right:0;transform:translate(50%)}.organize-insert-gutter-after .organize-insert-mark{left:0;transform:translate(-50%)}.organize-insert-line{width:3px;height:55%;max-height:180px;border-radius:999px;background:color-mix(in srgb,var(--accent) 30%,transparent);transition:background .2s,height .2s cubic-bezier(.4,0,.2,1)}.organize-insert-gutter:hover .organize-insert-line,.organize-insert-gutter:focus-visible .organize-insert-line{background:var(--accent);height:70%}.organize-insert-dot{position:absolute;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 3px 8px #0003;opacity:1;transform:scale(.82);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;pointer-events:none}.organize-insert-gutter:hover .organize-insert-dot,.organize-insert-gutter:focus-visible .organize-insert-dot{transform:scale(1);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 45%,transparent)}.organize-insert-gutter:focus-visible{outline:none}@media(max-width:1024px),(pointer:coarse){.organize-page-browser{gap:44px;padding:44px}.organize-insert-gutter{width:44px}.organize-insert-gutter-before{left:-44px}.organize-insert-gutter-after{right:-44px}.organize-insert-dot{width:44px;height:44px;transform:scale(1)}}.organize-result{margin-top:24px}
