:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f6f6f6;color:#1f2937;--main-bg-landscape:none;--main-bg-portrait:none}*{box-sizing:border-box}body,html{overflow-x:hidden}body{margin:0;padding:0}body[data-has-background]{background-image:var(--main-bg-landscape);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}@media (orientation:portrait){body[data-has-background]{background-image:var(--main-bg-portrait)}}main{min-height:100vh}.workspace-content,main{padding:64px 24px 48px}.workspace-loading{min-height:calc(100vh - 112px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}button{font-family:inherit}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile-w,104px),1fr));grid-gap:var(--tile-row-gap,16px) var(--tile-col-gap,16px);gap:var(--tile-row-gap,16px) var(--tile-col-gap,16px)}.icon-tile{position:relative;background:transparent;border:none;border-radius:0;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;transition:background-color .2s ease}.icon-tile--interactive{cursor:pointer}.icon-tile--back{background-color:hsla(0,0%,100%,.05)}.icon-tile--back .icon-frame{background:transparent}.icon-tile a,.icon-tile button,button.icon-tile{font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none}.icon-tile__button{background:transparent;border:none;padding:0;width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;cursor:pointer}a.icon-tile__button{color:inherit}.icon-tile__menu-container{position:absolute;top:8px;right:8px}.icon-tile__menu-button{border:none;background:hsla(0,0%,100%,.9);box-shadow:0 1px 3px rgba(15,23,42,.15);border-radius:999px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .2s ease}.icon-tile__menu{position:absolute;top:34px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px;display:grid;grid-gap:4px;gap:4px;min-width:120px;z-index:2;box-shadow:0 8px 20px rgba(15,23,42,.15)}.icon-tile__menu-item{border:none;background:transparent;text-align:left;padding:6px 8px;cursor:pointer;border-radius:6px}.icon-tile__menu-item:focus-visible,.icon-tile__menu-item:hover{background:rgba(17,24,39,.08)}.icon-tile__menu-item--danger{color:#b91c1c}.icon-tile:active,.icon-tile:focus-visible,.icon-tile:hover{background-color:rgba(0,0,0,.25)}.icon-frame{width:var(--icon-size,64px);height:var(--icon-size,64px);border:none;display:flex;align-items:center;justify-content:center;background:transparent}.icon-label{font-weight:600;font-size:var(--label-font-size,.75rem);max-width:100%;-webkit-line-clamp:2;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.8);margin-top:4px;padding:0 4px}.icon-description,.icon-label{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#fff}.icon-description{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:var(--desc-width,240px);font-size:var(--desc-font-size,.75rem);line-height:1.4;background:rgba(0,0,0,.85);opacity:0;-webkit-line-clamp:5;transition:opacity .2s ease;padding:10px 12px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:10}.icon-tile:active .icon-description,.icon-tile:focus-visible .icon-description,.icon-tile:hover .icon-description{opacity:1}.icon-glyph{font-size:var(--glyph-font-size,2.5rem)}@media (max-width:720px){.icon-label{-webkit-line-clamp:2}}.top-bar{position:fixed;top:0;left:0;right:0;height:48px;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100;gap:16px}.top-bar__logo{height:28px;width:auto;flex-shrink:0}.top-bar__tabs{display:flex;align-items:center;gap:4px;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.top-bar__tabs::-webkit-scrollbar{display:none}.top-bar__brand{position:absolute;left:50%;transform:translateX(-50%);color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;pointer-events:none}.top-bar__right{gap:12px;flex-shrink:0}.top-bar__right,.top-bar__user{display:flex;align-items:center}.top-bar__user{gap:8px;color:#fff;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.top-bar__user-photo{width:28px;height:28px;border-radius:50%;object-fit:cover}.top-bar__search{background:#fff;border:none;border-radius:0;padding:6px 12px;font-size:.8rem;color:#000;width:200px;outline:none}.top-bar__search::placeholder{color:#6b7280}.top-bar__search:focus{outline:2px solid #48008e}.top-bar__settings{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;opacity:.8;transition:opacity .2s;text-decoration:none}.top-bar__settings:hover{opacity:1}.top-bar__settings-container{position:relative}.top-bar__menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);min-width:180px;padding:6px;z-index:150}.top-bar__menu-item{display:block;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;font-size:.9rem;cursor:pointer;border-radius:6px;color:#1f2937}.top-bar__menu-item:hover{background:#f3f4f6}.top-bar__menu-item--danger{color:#b91c1c}.top-bar__menu-item--danger:hover{background:#fef2f2}.top-bar__search--row2{display:none}@media (max-width:768px){.top-bar{height:auto;min-height:48px;flex-wrap:wrap;padding:6px 12px}.top-bar__brand,.top-bar__user span{display:none}.top-bar__tabs{order:1;flex:1 1;min-width:0}.top-bar__logo{order:0}.top-bar__right{order:2;flex-shrink:0}.top-bar__search--inline{display:none}.top-bar__search--row2{display:block;order:10;flex-basis:100%;margin-top:4px;width:200px;margin-left:auto}.workspace-content,main{padding-top:96px}}.tab-strip{display:flex;gap:4px;flex-wrap:nowrap;padding:0;align-items:center}.tab-strip__item{border:none;background:#6b7280;color:#fff;padding:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;border-radius:0;transition:background-color .15s}.tab-strip__item:hover{background:#9ca3af}.tab-strip__item.is-active{background:#48008e;color:#fff}.tab-strip__item.is-dragging{opacity:.5}.tab-strip__item.is-drag-over{background:#a78bfa}.tab-strip__item[draggable=true]{cursor:-webkit-grab;cursor:grab}.tab-strip__item[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.tab-strip__add{border:none;background:#10b981;color:#fff;width:28px;height:28px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tab-strip__add:hover{background:#059669}.icon-tile:focus-within .icon-tile__menu-button,.icon-tile:hover .icon-tile__menu-button{opacity:1}@media (hover:none){.icon-tile__menu-button{opacity:1}}.edit-form{border:1px solid #e5e7eb;padding:16px;background:#fff;display:grid;grid-gap:12px;gap:12px;margin-bottom:16px}.edit-form label{display:grid;grid-gap:6px;gap:6px;font-size:.85rem}.edit-form input,.edit-form select,.edit-form textarea{border:1px solid #d1d5db;padding:8px;font:inherit;background:#fff}.edit-form__actions{display:flex;gap:8px}.edit-form__actions button{border:1px solid #111827;background:#111827;color:#fff;padding:6px 12px;font-size:.85rem;cursor:pointer}.edit-form__actions button.secondary{background:#fff;color:#111827}.edit-note{color:#6b7280;font-size:.85rem}.workspace-modal__overlay{position:fixed;inset:0;background:rgba(17,24,39,.4);display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.workspace-modal{background:#fff;border-radius:12px;width:min(520px,100%);padding:20px;box-shadow:0 20px 50px rgba(15,23,42,.25);display:grid;grid-gap:16px;gap:16px}.workspace-modal--large{width:min(80vw,1120px);max-width:calc(100% - 32px);max-height:calc(100vh - 80px)}.workspace-modal--bookmark-form{width:min(760px,100%);max-height:calc(100vh - 80px);overflow-y:auto}.workspace-modal__title{font-size:1.1rem;font-weight:600}.workspace-modal__subtitle{color:#6b7280;margin-top:-8px}.workspace-modal__actions{display:flex;gap:8px;flex-wrap:wrap}.workspace-modal__actions button{border:1px solid #111827;background:#111827;color:#fff;padding:8px 14px;font-size:.85rem;cursor:pointer}.workspace-modal__actions button.secondary{background:#fff;color:#111827}.icon-tile--remove-mode{cursor:pointer}.icon-tile--remove-mode:hover{background-color:rgba(185,28,28,.15)}.icon-tile--selected{background-color:rgba(185,28,28,.25)}.icon-tile--selected:hover{background-color:rgba(185,28,28,.35)}.icon-tile__checkbox{position:absolute;top:4px;left:4px;z-index:5}.icon-tile__checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#b91c1c}.remove-bar{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.remove-bar__text{color:#991b1b;font-size:.9rem;font-weight:500}.remove-bar__actions{display:flex;gap:8px}.remove-bar__button{padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;border:none}.remove-bar__button--confirm{background:#b91c1c;color:#fff}.remove-bar__button--confirm:hover{background:#991b1b}.remove-bar__button--confirm:disabled{background:#d1d5db;cursor:not-allowed}.remove-bar__button--cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.remove-bar__button--cancel:hover{background:#f9fafb}