body{min-height:100dvh;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans)}.loom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-5,20px);gap:var(--space-5,20px)}.loom-dashboard{display:grid;grid-template-columns:var(--sidebar-w,264px) 1fr;min-height:100dvh}.loom-sidebar{border-right:var(--hairline,1px) solid var(--border-subtle);padding:var(--space-6,24px) var(--space-5,20px);display:flex;flex-direction:column;gap:var(--space-7,32px);position:-webkit-sticky;position:sticky;top:0;height:100dvh}.loom-sidebar__brand{display:flex;align-items:center;gap:var(--space-3,12px)}.loom-sidebar__mark{width:22px;height:22px;border-radius:var(--radius-sm,6px);background:var(--accent);box-shadow:var(--glow-filament);display:inline-block}.loom-sidebar__wordmark{font-family:var(--font-mono);font-weight:var(--weight-bold,700);font-size:var(--text-md,16px);letter-spacing:var(--tracking-tight)}.loom-sidebar__dot{color:var(--accent)}.loom-sidebar__nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1,4px)}.loom-navitem{width:100%;display:flex;align-items:center;gap:var(--space-3,12px);padding:var(--space-2,8px) var(--space-3,12px);border:none;border-radius:var(--radius-md,10px);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-sm,13px);cursor:pointer;text-align:left;transition:background var(--dur-fast,.14s) var(--ease-out)}.loom-navitem:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.loom-navitem[data-active=true]{background:var(--surface-active);color:var(--text-primary)}.loom-navitem:disabled{cursor:default;opacity:.55}.loom-navitem__count{margin-left:auto}.loom-dashboard__main{padding:var(--space-8,40px) var(--space-8,40px);max-width:var(--container-max,1240px);width:100%}.loom-dashboard__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5,20px);margin-bottom:var(--space-7,32px);flex-wrap:wrap}.loom-dashboard__title{font-size:var(--text-2xl,28px);margin:var(--space-1,4px) 0 0}.loom-dashboard__actions{display:flex;align-items:center;gap:var(--space-3,12px)}.loom-dashboard__search{width:240px;max-width:40vw}.loom-appcard-link{text-decoration:none;color:inherit;display:block}.loom-appcard{display:flex;flex-direction:column;gap:var(--space-4,16px);height:100%}.loom-appcard__thumb{height:96px;background:radial-gradient(var(--border-subtle) 1px,transparent 1px) 0 0 /14px 14px,var(--surface-inset);place-items:center}.loom-appcard__icon,.loom-appcard__thumb{border-radius:var(--radius-md,10px);display:grid}.loom-appcard__icon{width:40px;height:40px;place-items:center;background:var(--surface-card);color:var(--accent);box-shadow:var(--shadow-sm)}.loom-appcard__title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3,12px)}.loom-appcard__badges{display:flex;gap:var(--space-2,8px);flex-shrink:0}.loom-appcard__desc{margin:0;color:var(--text-secondary);font-size:var(--text-sm,13px);line-height:var(--leading-snug,1.4)}.loom-appcard__meta{display:flex;align-items:center;gap:var(--space-3,12px);flex-wrap:wrap;margin-top:auto;font-family:var(--font-mono);font-size:var(--text-2xs,11px);color:var(--text-muted)}.loom-appcard__fork{display:inline-flex;align-items:center;gap:4px}.loom-appcard__time{margin-left:auto}.loom-skel-card{border:var(--hairline,1px) solid var(--border-subtle);border-radius:var(--radius-lg,14px);padding:var(--space-4,16px);background:var(--surface-card);display:flex;flex-direction:column;gap:var(--space-4,16px)}.loom-skel-card__body{display:flex;flex-direction:column;gap:var(--space-2,8px)}.loom-skel{background:linear-gradient(90deg,var(--surface-inset) 25%,var(--surface-hover) 37%,var(--surface-inset) 63%);background-size:400% 100%;animation:loom-shimmer 1.4s ease infinite;border-radius:var(--radius-sm,6px)}.loom-skel--thumb{height:96px;border-radius:var(--radius-md,10px)}.loom-skel--line{height:12px}.loom-skel--w40{width:40%}.loom-skel--w60{width:60%}.loom-skel--w90{width:90%}@keyframes loom-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.loom-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2,8px);padding:var(--space-10,64px) var(--space-6,24px);color:var(--text-secondary);text-align:center}.loom-state__title{margin:var(--space-2,8px) 0 0;color:var(--text-primary);font-weight:var(--weight-semibold,600)}.loom-state__sub{margin:0 0 var(--space-3,12px);color:var(--text-muted);font-size:var(--text-sm,13px)}.loom-empty{max-width:640px;margin:var(--space-10,64px) auto;text-align:center}.loom-empty__headline{font-size:var(--text-4xl,46px);line-height:var(--leading-tight,1.1);margin:var(--space-3,12px) 0}.loom-empty__accent{color:var(--accent)}.loom-empty__sub{color:var(--text-secondary);font-size:var(--text-md,16px);margin:0 auto var(--space-6,24px);max-width:34em}.loom-empty__composer{text-align:left}.loom-composer-card{border:var(--hairline,1px) solid var(--border-default);border-radius:var(--radius-lg,14px);background:var(--surface-card);padding:var(--space-4,16px);box-shadow:var(--shadow-md)}.loom-composer-card__head{display:flex;align-items:center;gap:var(--space-2,8px);margin-bottom:var(--space-3,12px)}.loom-composer-card__spark{color:var(--accent)}.loom-composer-card__input,.loom-composer__input{width:100%;resize:vertical;border:var(--hairline,1px) solid var(--border-subtle);border-radius:var(--radius-md,10px);background:var(--surface-inset);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base,15px);line-height:var(--leading-normal,1.5);padding:var(--space-3,12px)}.loom-composer-card__input:focus-visible,.loom-composer__input:focus-visible{outline:var(--ring,2px solid var(--focus-ring));outline-offset:1px}.loom-composer-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3,12px)}.loom-composer-card__hint{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:var(--text-xs,12px)}.loom-composer-card__hint kbd{font-family:var(--font-mono);font-size:var(--text-2xs,11px);border:var(--hairline,1px) solid var(--border-default);border-radius:var(--radius-xs,4px);padding:0 4px}.loom-composer-card__error{margin:var(--space-2,8px) 0 0;color:var(--danger-500);font-size:var(--text-sm,13px)}.loom-builder{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.loom-builder--loading{align-items:center;justify-content:center;flex-direction:row;gap:var(--space-3,12px);color:var(--text-secondary)}.loom-builder__topbar{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4,16px);padding:0 var(--space-4,16px);border-bottom:var(--hairline,1px) solid var(--border-subtle);background:var(--surface-base)}.loom-builder__brand{display:flex;align-items:center;gap:var(--space-3,12px);min-width:0}.loom-builder__home{display:inline-flex}.loom-builder__crumb{display:inline-flex;align-items:center;gap:var(--space-2,8px);font-family:var(--font-mono);font-size:var(--text-sm,13px);min-width:0}.loom-builder__crumb-name{font-weight:var(--weight-semibold,600);color:var(--text-primary)}.loom-builder__crumb-repo{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loom-builder__deploy-link{display:inline-flex;align-items:center;gap:var(--space-1,4px);padding:2px var(--space-2,8px);border-radius:var(--radius-full,999px);border:1px solid var(--border-subtle,rgba(128,128,128,.3));font-family:var(--font-mono);font-size:var(--text-xs,11px);color:var(--text-secondary,inherit);text-decoration:none;white-space:nowrap}.loom-builder__deploy-link:hover{color:var(--text-primary);border-color:var(--border-strong,var(--text-muted))}.loom-builder__topbar-actions{display:flex;align-items:center;gap:var(--space-2,8px)}.loom-builder__body{flex:1 1;display:grid;grid-template-columns:400px 1fr;min-height:0}.loom-chatrail{display:flex;flex-direction:column;border-right:var(--hairline,1px) solid var(--border-subtle);background:var(--surface-base);min-height:0}.loom-chatrail__head{padding:var(--space-4,16px);border-bottom:var(--hairline,1px) solid var(--border-subtle)}.loom-chatrail__scroll{flex:1 1;overflow-y:auto;padding:var(--space-4,16px);display:flex;flex-direction:column;gap:var(--space-5,20px)}.loom-chatrail__intro{color:var(--text-muted);font-size:var(--text-sm,13px);display:flex;flex-direction:column;gap:var(--space-2,8px)}.loom-turn{display:flex;gap:var(--space-3,12px);align-items:flex-start}.loom-turn__avatar{flex-shrink:0}.loom-turn__spark{width:26px;height:26px;border-radius:var(--radius-pill,999px);display:grid;place-items:center;background:var(--accent);color:var(--accent-ink,#fff);box-shadow:var(--glow-filament)}.loom-turn__body{min-width:0;display:flex;flex-direction:column;gap:var(--space-2,8px)}.loom-turn__text{margin:0;font-size:var(--text-sm,13px);line-height:var(--leading-normal,1.5);white-space:pre-wrap}.loom-turn__marks{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.loom-turn__thinking{flex-direction:row;align-items:center;gap:var(--space-2,8px);color:var(--text-muted);font-size:var(--text-sm,13px)}.loom-steps{list-style:none;margin:0;padding:var(--space-2,8px);flex-direction:column;border:var(--hairline,1px) solid var(--border-subtle);border-radius:var(--radius-md,10px);background:var(--surface-inset)}.loom-steps,.loom-steps__row{display:flex;gap:var(--space-2,8px)}.loom-steps__row{align-items:center;font-size:var(--text-xs,12px);color:var(--text-secondary)}.loom-steps__label{font-family:var(--font-mono)}.loom-steps__pass{color:var(--success-500)}.loom-steps__fail{color:var(--danger-500)}.loom-composer{border-top:var(--hairline,1px) solid var(--border-subtle);padding:var(--space-3,12px);display:flex;flex-direction:column;gap:var(--space-2,8px)}.loom-composer__marks{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.loom-composer__toolbar{display:flex;align-items:center;justify-content:space-between}.loom-composer__tools{display:flex;align-items:center;gap:var(--space-2,8px)}.loom-preview{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface-inset)}.loom-preview__toolbar{height:52px;flex-shrink:0;display:flex;align-items:center;gap:var(--space-3,12px);padding:0 var(--space-4,16px);border-bottom:var(--hairline,1px) solid var(--border-subtle);background:var(--surface-base)}.loom-preview__modes{display:flex;align-items:center;gap:var(--space-1,4px);padding-left:var(--space-2,8px);border-left:var(--hairline,1px) solid var(--border-subtle)}.loom-preview__spacer{flex:1 1}.loom-preview__url{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-2xs,11px);color:var(--text-muted);background:var(--surface-inset);border:var(--hairline,1px) solid var(--border-subtle);border-radius:var(--radius-pill,999px);padding:4px 10px}.loom-preview__content{flex:1 1;min-height:0;overflow:auto}.loom-preview-frame{height:100%;display:flex;flex-direction:column;margin:var(--space-5,20px) auto;max-width:960px;width:calc(100% - var(--space-8, 40px));border:var(--hairline,1px) solid var(--border-default);border-radius:var(--radius-lg,14px);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--surface-card)}.loom-preview-frame__chrome{height:34px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 var(--space-3,12px);border-bottom:var(--hairline,1px) solid var(--border-subtle);background:var(--surface-base)}.loom-preview-frame__light{width:10px;height:10px;border-radius:var(--radius-pill,999px);background:var(--border-strong)}.loom-preview-frame__stage{position:relative;flex:1 1;min-height:0;background:var(--surface-base)}.loom-preview-frame__iframe{width:100%;height:100%;border:0;display:block}.loom-code{height:100%;display:grid;grid-template-columns:220px 1fr;min-height:0}.loom-code__tree{list-style:none;margin:0;padding:var(--space-3,12px);border-right:var(--hairline,1px) solid var(--border-subtle);overflow-y:auto;background:var(--surface-base)}.loom-code__file{width:100%;display:flex;align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px);border:none;border-radius:var(--radius-sm,6px);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs,12px);cursor:pointer;text-align:left}.loom-code__file:hover{background:var(--surface-hover)}.loom-code__file[data-active=true]{background:var(--surface-active);color:var(--text-primary)}.loom-code__view{margin:0;padding:var(--space-4,16px);overflow:auto;background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);font-size:var(--text-sm,13px);line-height:var(--leading-relaxed,1.6)}.loom-plugins{padding:var(--space-5,20px);max-width:640px}.loom-plugins__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4,16px)}.loom-plugins__list{display:flex;flex-direction:column;gap:var(--space-3,12px)}.loom-plugin-row{display:flex;align-items:center;gap:var(--space-3,12px)}.loom-plugin-row__icon{width:36px;height:36px;border-radius:var(--radius-md,10px);display:grid;place-items:center;background:var(--surface-inset);color:var(--text-secondary)}.loom-plugin-row__meta{display:flex;align-items:center;gap:var(--space-3,12px);flex:1 1}.loom-toast-stack{position:fixed;right:var(--space-5,20px);bottom:var(--space-5,20px);z-index:50}@media (max-width:860px){.loom-dashboard{grid-template-columns:1fr}.loom-sidebar{display:none}.loom-builder__body{grid-template-columns:1fr}}.loom-login{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5,20px);background:var(--bg-app)}.loom-login__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-4,16px);padding:var(--space-7,32px);border:var(--hairline,1px) solid var(--border-subtle);border-radius:var(--radius-lg,12px);background:var(--bg-raised,var(--bg-surface));box-shadow:var(--shadow-raised,none)}.loom-login__brand{display:flex;align-items:center;gap:var(--space-3,12px)}.loom-login__title{font-size:var(--text-xl,22px);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight);margin:0}.loom-login__subtitle{color:var(--text-secondary);font-size:var(--text-sm,14px);margin:0}.loom-login__actions{display:flex;flex-direction:column;gap:var(--space-4,16px);margin-top:var(--space-3,12px)}.loom-login__dev{display:flex;flex-direction:column;gap:var(--space-3,12px);padding-top:var(--space-4,16px);border-top:var(--hairline,1px) solid var(--border-subtle)}.loom-login__dev-label{gap:var(--space-2,8px);font-size:var(--text-xs,12px);text-transform:uppercase;letter-spacing:var(--tracking-wide,.04em);margin:0}.loom-login__dev-label,.loom-login__loading{display:flex;align-items:center;color:var(--text-secondary)}.loom-login__loading{gap:var(--space-3,12px);font-size:var(--text-sm,14px)}.loom-login__error{display:flex;align-items:center;gap:var(--space-2,8px);color:var(--danger,var(--text-primary));font-size:var(--text-sm,14px);margin:0}.loom-settings{display:flex;flex-direction:column;gap:var(--space-5,20px);max-width:640px}.loom-settings__card{display:flex;flex-direction:column;gap:var(--space-4,16px)}.loom-settings__card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4,16px)}.loom-settings__card-title{font-size:var(--text-lg,18px);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2,8px)}.loom-settings__card-sub{max-width:52ch}.loom-settings__card-sub,.loom-settings__status{color:var(--text-secondary);font-size:var(--text-sm,14px);margin:0}.loom-settings__status{display:flex;align-items:center;gap:var(--space-2,8px)}.loom-settings__status[data-configured=true]{color:var(--success,var(--text-primary))}.loom-settings__form{display:flex;flex-direction:column;gap:var(--space-4,16px)}.loom-settings__actions{display:flex;align-items:center;gap:var(--space-3,12px);margin-top:var(--space-2,8px)}.loom-settings__error,.loom-settings__loading,.loom-settings__note,.loom-settings__ok{display:flex;align-items:center;gap:var(--space-2,8px);font-size:var(--text-sm,14px);margin:0}.loom-settings__loading,.loom-settings__note{color:var(--text-secondary)}.loom-settings__error{color:var(--danger,var(--text-primary))}.loom-settings__ok{color:var(--success,var(--text-primary))}