.finder-window{position:fixed;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000001a;display:flex;flex-direction:column;overflow:hidden;z-index:50;transition:box-shadow .2s;min-width:500px;min-height:350px}.finder-window.maximized{border-radius:0}.resize-handle{position:absolute;z-index:100}.resize-n{top:0;left:10px;right:10px;height:5px;cursor:ns-resize}.resize-e{top:10px;right:0;bottom:10px;width:5px;cursor:ew-resize}.resize-s{bottom:0;left:10px;right:10px;height:5px;cursor:ns-resize}.resize-w{top:10px;left:0;bottom:10px;width:5px;cursor:ew-resize}.resize-ne{top:0;right:0;width:10px;height:10px;cursor:nesw-resize}.resize-se{bottom:0;right:0;width:10px;height:10px;cursor:nwse-resize}.resize-sw{bottom:0;left:0;width:10px;height:10px;cursor:nesw-resize}.resize-nw{top:0;left:0;width:10px;height:10px;cursor:nwse-resize}.window-titlebar{height:52px;background:linear-gradient(180deg,#f6f6f6,#e8e8e8);border-bottom:1px solid #d1d1d1;display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0;cursor:grab}.window-titlebar:active{cursor:grabbing}.window-controls{display:flex;gap:8px}.window-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;position:relative;flex-shrink:0}.window-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:#00000080;font-weight:600}.window-btn.close-btn{background:#ff5f57;border:1px solid #e0443e}.window-btn.close-btn.disabled{opacity:.5;cursor:not-allowed}.window-btn.minimize-btn{background:#ffbd2e;border:1px solid #dea123}.window-btn.minimize-btn:before{content:"−"}.window-btn.maximize-btn{background:#28c940;border:1px solid #1aab29}.window-btn.maximize-btn:before{content:"−"}.window-btn.restore-btn{background:#28c940;border:1px solid #1aab29}.window-btn.restore-btn:before{content:"◇"}.window-title{font-size:13px;font-weight:600;color:#4d4d4d;flex:1}.window-content{flex:1;display:flex;overflow:hidden}.finder-sidebar{width:180px;background:#f5f5f5;border-right:1px solid #d1d1d1;padding:12px 8px;overflow-y:auto;flex-shrink:0}.sidebar-section{margin-bottom:16px}.sidebar-header{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;padding:4px 8px;margin-bottom:4px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;color:#333;cursor:pointer;transition:background .15s}.sidebar-item:hover{background:#0000000d}.sidebar-icon{font-size:14px}.finder-main{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.finder-toolbar{height:40px;padding:8px 16px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.toolbar-path{display:flex;align-items:center;gap:4px;font-size:12px}.path-item{color:#666;padding:4px 6px;border-radius:4px;cursor:pointer}.path-item:hover{background:#f0f0f0}.path-item.active{color:#007aff;font-weight:600}.path-separator{color:#999;font-size:10px}.toolbar-view{display:flex;gap:4px}.view-btn{width:28px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:14px;color:#666}.view-btn:hover{background:#f0f0f0}.view-btn.active{background:#e8e8e8;color:#007aff}.finder-grid{flex:1;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;align-content:start;overflow-y:auto}.folder-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:background .15s,transform .1s}.folder-item:hover{background:#007aff1a;transform:scale(1.05)}.folder-item.selected{background:#007aff33}.folder-icon{font-size:48px;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.folder-name{font-size:11px;font-weight:500;color:#333;text-align:center;max-width:100px;word-break:break-word}.folder-tooltip-portal{position:fixed;background:#1e1e1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;padding:14px 18px;min-width:300px;max-width:420px;box-shadow:0 10px 40px #0000004d;z-index:9999;animation:fadeInSlide .2s ease-out;pointer-events:none}.folder-tooltip-portal:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-right-color:#1e1e1ef2}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.tooltip-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px}.tooltip-description{font-size:12px;font-weight:400;color:#ffffffd9;line-height:1.6}@media (max-width: 767px){.finder-window{position:fixed!important;top:calc(44px + env(safe-area-inset-top))!important;left:0!important;width:100vw!important;height:calc(100vh - 124px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;border-radius:0!important;min-width:unset;min-height:unset;max-width:100vw;z-index:100;animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.resize-handle{display:none!important}.window-titlebar{height:48px;cursor:default}.window-btn{width:16px;height:16px}.window-controls{gap:12px}.finder-sidebar{display:none}.finder-main{width:100%}.finder-toolbar{height:auto;min-height:44px;padding:8px 12px;flex-wrap:wrap}.toolbar-path{flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:11px}.finder-grid{padding:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.folder-item{padding:8px;min-height:var(--touch-target-min)}.folder-icon{font-size:40px}.folder-name{font-size:10px}.folder-tooltip-portal{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.finder-window{min-width:400px;min-height:300px}.finder-sidebar{width:150px}.finder-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.notes-window{position:fixed;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000001a;display:flex;flex-direction:column;overflow:hidden;z-index:50;transition:box-shadow .2s;min-width:450px;min-height:300px}.notes-window.maximized{border-radius:0}.notes-sidebar{width:200px;background:#f5f5f5;border-right:1px solid #d1d1d1;display:flex;flex-direction:column;flex-shrink:0}.notes-sidebar-header{padding:10px 8px;border-bottom:1px solid #e8e8e8}.notes-search{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#fff;border-radius:6px;font-size:11px;color:#999}.notes-search-input{flex:1;border:none;background:transparent;font-size:12px;outline:none}.notes-list{flex:1;overflow-y:auto;padding:8px}.note-item{padding:10px 12px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:background .15s}.note-item:hover{background:#0000000a}.note-item.selected{background:#007aff26}.note-item-title{font-size:13px;font-weight:600;color:#333;margin-bottom:2px}.note-item-date{font-size:10px;color:#999;margin-bottom:4px}.note-item-preview{font-size:11px;color:#666;line-height:1.4}.notes-editor{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.notes-editor-header{padding:12px 20px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.notes-title-input{font-size:18px;font-weight:700;color:#333;border:none;background:transparent;outline:none;flex:1}.notes-editor-date{font-size:11px;color:#999}.notes-content{flex:1;padding:20px;overflow-y:auto}.notes-text{font-size:14px;color:#333;line-height:1.8;white-space:pre-wrap}@media (max-width: 767px){.notes-window{position:fixed!important;top:calc(44px + env(safe-area-inset-top))!important;left:0!important;width:100vw!important;height:calc(100vh - 124px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;border-radius:0!important;min-width:unset;min-height:unset;max-width:100vw;z-index:100;animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.resize-handle{display:none!important}.window-titlebar{height:48px;cursor:default}.window-btn{width:16px;height:16px}.notes-sidebar{width:100%;max-width:180px;position:absolute;left:0;top:48px;bottom:0;transform:translate(-100%);transition:transform .3s ease;z-index:10;box-shadow:2px 0 8px #0000001a}.notes-sidebar.open{transform:translate(0)}.notes-editor{width:100%}.notes-title-input{font-size:16px}.notes-text{font-size:13px;line-height:1.6}.notes-content{padding:16px 12px}}@media (min-width: 768px) and (max-width: 1023px){.notes-window{min-width:380px;min-height:280px}.notes-sidebar{width:160px}}