:root{--bg:#f6f5f2;--ink:#28272d;--muted:#817e87;--line:#e3e0e4;--lavender:#cdc1fb;--green:#d8eea4;--surface:#fff;--font:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9881e1;outline-offset:4px}button{border:0;background:none;color:inherit}.topbar{max-width:1328px;margin:0 auto;height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand-mark{display:flex;align-items:center;background:var(--lavender);border-radius:11px;width:37px;height:37px;justify-content:center;font-size:22px}.brand-mark span{font-size:17px;margin-left:-2px;align-self:flex-start;margin-top:5px}.brand-tag{margin-left:17px;padding-left:24px;border-left:1px solid #d5d1d8;font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:500}.connection{font-size:11px;display:flex;align-items:center;gap:8px;color:#625e69}.status-dot{width:7px;height:7px;background:#aaa;border-radius:100%;box-shadow:0 0 0 4px #ebe9e5}.status-dot.online{background:#6f9950;box-shadow:0 0 0 4px #e7ecd9}.status-dot.offline{background:#c17855;box-shadow:0 0 0 4px #f5e6de}main{max-width:1216px;margin:auto;padding:0 36px}.intro{padding:64px 0 49px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{letter-spacing:2.3px;font-size:10px;font-weight:600;margin:0 0 20px;color:#78737f}h1{font-size:76px;letter-spacing:-5px;font-weight:500;line-height:1.02;margin:0;position:relative}h1>span:first-child{color:#8c78b3}.hero-arrow{font-size:99px;display:inline-block;margin-left:35px;vertical-align:middle;font-weight:400;color:#b5a1e2;line-height:.6}.intro-aside{padding-bottom:7px;max-width:355px}.intro-aside p{font-size:16px;line-height:1.65;letter-spacing:-.2px;margin:0 0 25px}.public-badge{font-size:11px;display:inline-flex;gap:7px;background:#eeeae3;border:1px solid #e1dbd1;padding:9px 12px;border-radius:6px;color:#766c5c}.public-badge>span{font-size:12px}.composer{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.text-panel,.file-panel{padding:26px}.text-panel{border-right:1px solid var(--line)}.panel-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.number{font-size:9px;color:#928b99;font-weight:400;border:1px solid var(--line);border-radius:5px;padding:4px 5px}.shortcut{margin-left:auto;font-size:8px;color:#aaa3ae;font-weight:400;letter-spacing:.5px}textarea{resize:vertical;display:block;min-height:132px;width:100%;border:0;background:transparent;line-height:1.6;font-size:15px;padding:22px 0 13px;color:var(--ink);max-height:400px}textarea::placeholder{color:#a8a2ac}textarea:focus{outline:none}.text-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px;gap:8px}.text-footer>span{color:var(--muted);font-size:10px}.text-footer button{background:var(--ink);color:white;border-radius:8px;font-size:11px;padding:12px 15px;white-space:nowrap}.text-footer button span{margin-left:15px}.drop-zone{border:1px dashed #c4b5e3;background:#f5f1fd;width:100%;display:flex;flex-direction:column;align-items:center;border-radius:9px;min-height:151px;margin-top:16px;transition:background .15s,box-shadow .15s;padding:16px}.drop-zone:hover,.drop-zone.dragging{background:#e9e0fc;box-shadow:inset 0 0 0 1px #a38aca}.upload-icon{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#e1d5f6;color:#665085;font-size:23px;margin-bottom:9px}.drop-zone strong{font-size:13px;font-weight:500}.drop-zone>span:not(.upload-icon){font-size:10px;color:#998cab;margin-top:5px}.drop-zone small{font-size:9px;color:#a197ac;margin-top:15px}.upload-footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:16px;gap:10px}.upload-footer>span:last-child{font-size:8px;color:#aaa3ae;white-space:nowrap}.shelf{margin-top:45px}.shelf-heading{display:flex;align-items:center;justify-content:space-between}h2{font-weight:500;letter-spacing:-.8px;font-size:24px;margin:0}h2>span{display:inline-block;vertical-align:middle;font-size:11px;letter-spacing:0;background:#e9e5ef;border-radius:6px;padding:4px 7px;margin-left:9px;color:#8c8199}.shelf-heading p{font-size:11px;color:var(--muted);margin:9px 0 0}.icon-button{border:1px solid var(--line);border-radius:8px;height:32px;width:32px;font-size:20px;color:#7e7787;background:#fff}.icon-button:hover{background:#eeebf3}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:25px 0 22px;gap:16px}.filters{display:flex;gap:4px;align-items:center}.filter{padding:9px 16px;border-radius:7px;font-size:11px;color:#88818f}.filter.active{background:var(--ink);color:white}.filter:hover:not(.active){background:#eae7ed}.search-wrap{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fcfbfa}.search-wrap span{font-size:24px;color:#99929f}.search-wrap input{width:190px;padding:10px 0;border:0;background:transparent;font-size:11px;outline:none;color:var(--ink)}.search-wrap input::placeholder{color:#a099a8}.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:172px;transition:border-color .15s}.card:hover{border-color:#cbbce0}.card-main{padding:20px;flex:1;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.type-tag{font-size:9px;letter-spacing:.6px;color:#89818f;display:flex;align-items:center;gap:7px}.type-icon{font-size:13px;color:#a693c4}.delete-button{color:#a69cae;line-height:1;font-size:19px;padding:1px 4px;border-radius:4px}.delete-button:hover{color:#b44d53;background:#fcf0ee}.note{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.65;max-height:175px;overflow:auto}.card-footer{padding:12px 20px;border-top:1px solid #f0edf2;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#9991a1}.card-action{font-size:10px;color:#665d72;display:flex;gap:9px;align-items:center;padding:3px 0}.card-action:hover{color:#8263ae}.file-name{font-size:14px;line-height:1.5;word-break:break-word;font-weight:500;margin:14px 0 6px}.file-meta{font-size:10px;color:#a098a8}.file-tile{height:46px;width:39px;border:1px solid #d5cbe4;border-radius:6px;background:#f4f0fc;display:flex;align-items:center;justify-content:center;position:relative;font-size:9px;color:#917da7}.card-image{width:100%;height:175px;object-fit:cover;background:#eeebf3;display:block;border-radius:7px;margin-top:3px}.image-name{font-size:11px;margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{border:1px dashed #ddd7e4;border-radius:12px;text-align:center;padding:39px 20px 36px;color:#97909e}.empty-symbol{background:#ebe5f3;border-radius:10px;display:inline-grid;width:43px;height:43px;place-items:center;color:#a18fba;font-size:27px}.empty-state h3{font-size:14px;font-weight:500;color:#746b7e;margin:17px 0 10px}.empty-state p{font-size:11px;line-height:1.8;margin:0}.shelf-bottom{display:flex;justify-content:space-between;margin-top:18px;font-size:9px;color:#a49ba9;gap:12px}.shelf-bottom>span:first-child{color:#8b8293}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:25px 0;margin-top:54px;font-size:9px;color:#96909b;line-height:1.6}.footer-dot{padding:0 8px;color:#c2bacb}.upload-queue:empty{display:none}.upload-queue{display:flex;flex-direction:column;gap:7px;margin-top:16px}.upload-row{border:1px solid var(--line);background:white;padding:12px 16px;border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px}.upload-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-row progress{width:100%;height:4px;grid-column:1/-1;accent-color:#ad8ee0}.upload-row.failed{border-color:#e8bfbd}.upload-row small{grid-column:1/-1;color:#ae5753}.upload-row button{font-size:10px;text-decoration:underline}.upload-row.done>span:last-of-type{color:#648544}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#2e2936;color:white;padding:13px 20px;border-radius:9px;font-size:12px;box-shadow:0 5px 30px #30233b22;max-width:calc(100vw - 32px);z-index:10}dialog{border:1px solid var(--line);border-radius:17px;padding:30px;max-width:calc(100vw - 32px);width:360px;box-shadow:0 20px 100px #2b263225}dialog::backdrop{background:#28203355;backdrop-filter:blur(3px)}.dialog-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f4e4df;color:#aa6860;font-size:26px;margin-bottom:20px}dialog h2{font-size:22px}dialog p{font-size:12px;line-height:1.7;color:#8b7f94}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.dialog-actions button{font-size:12px;padding:11px 17px;border-radius:7px}.secondary{background:#efeaf3}.danger{background:#a34f50;color:white}[hidden]{display:none!important}@media(min-width:1400px){.intro{padding-top:80px}.shelf{margin-top:52px}}@media(max-width:900px){.topbar{padding:0 30px;height:85px}main{padding:0 30px}.brand-tag{display:none}h1{font-size:64px;letter-spacing:-4px}.hero-arrow{font-size:80px;margin-left:22px}.intro-aside p{font-size:13px}.intro-aside{max-width:280px}.text-panel,.file-panel{padding:20px}.text-footer{align-items:flex-start}.text-footer>span{line-height:1.5;max-width:110px}.items{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-footer>span:last-child{display:none}.shortcut{display:none}}@media(max-width:600px){.topbar{padding:0 20px;height:74px}.brand{font-size:18px;gap:9px}.brand-mark{width:32px;height:32px;border-radius:9px}.connection{font-size:9px;gap:7px}main{padding:0 20px}.intro{padding:35px 0 28px;display:block}.eyebrow{font-size:8px;margin-bottom:14px}h1{font-size:62px;letter-spacing:-3.5px}.hero-arrow{font-size:76px;margin-left:25px}.intro-aside{max-width:none;margin-top:21px;padding:0;display:flex;gap:15px;justify-content:space-between;align-items:center}.intro-aside p{font-size:10px;margin:0}.public-badge{font-size:8px;padding:8px;white-space:nowrap;gap:5px}.composer{grid-template-columns:1fr}.text-panel{border-right:0;border-bottom:1px solid var(--line)}.text-panel,.file-panel{padding:20px}textarea{min-height:118px;font-size:14px}.text-footer{align-items:center}.text-footer>span{max-width:none;font-size:9px}.drop-zone{min-height:139px}.upload-footer>span:last-child{display:block}.shelf{margin-top:32px}h2{font-size:22px}.toolbar{flex-direction:column;align-items:stretch;gap:15px;margin-top:19px}.filters{justify-content:space-between}.filter{padding:9px 18px}.search-wrap input{width:100%}.items{grid-template-columns:1fr}.card-main{padding:18px}.card-footer{padding:12px 18px}.card-image{height:210px}.shelf-bottom{font-size:8px;line-height:1.6}.shelf-bottom>span:last-child{text-align:right;max-width:145px}footer{flex-direction:column;gap:8px;margin-top:32px;padding-top:21px;font-size:8px}}