@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Jura:wght@300;400;500;600;700&display=swap";
@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:"Inter", sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--background:#000;--foreground:#f5f7fb;--muted:#9ba7ba;--card:#ffffff14;--card-border:#ffffff24;--card-strong:#0000007a;--primary:#8b5cf6;--primary-strong:#a855f7;--accent:#ec4899;--secondary:#3b82f6;--success:#34d399;--danger:#fb7185;--warning:#fbbf24;--radius:1rem;--grad-primary:linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--grad-secondary:linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--grad-background:radial-gradient(60% 60% at 20% 20%, #3b82f62e, transparent 60%), radial-gradient(60% 60% at 80% 30%, #ec489929, transparent 60%), radial-gradient(70% 70% at 50% 80%, #a855f72e, transparent 60%), linear-gradient(45deg, #3b82f614 0%, #ec489914 50%, #a855f71a 100%)}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--foreground);background:var(--grad-background), linear-gradient(180deg, #06070b 0%, #0b0f16 100%);margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 20%,#9333ea24,#0000 35%),radial-gradient(circle at 85% 25%,#ec48991f,#0000 35%),radial-gradient(circle at 50% 80%,#3b82f61f,#0000 40%);position:fixed;inset:0}.app-shell{min-height:100vh}.app-header{z-index:30;-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.app-title{font-family:Jura,sans-serif;font-size:1.35rem;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .35rem;font-size:.72rem}.header-meta,.muted{color:var(--muted)}.app-main{padding:1.5rem}.page-stack,.detail-main,.detail-side{gap:1.25rem;display:grid}.page-header-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel,.card,.empty-state,.loading-state{-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);border-radius:1.5rem;box-shadow:0 8px 32px #0000002e,0 0 20px #ffffff0d}.card,.panel{padding:1.1rem}.card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.detail-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start;gap:1.25rem;display:grid}.card-stats,.card-footer,.meta-grid{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.asset-card{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.asset-thumb{background:#0000004d;border:1px solid #ffffff14;border-radius:1rem;width:120px;height:120px;overflow:hidden}.asset-thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-placeholder{text-align:center;width:100%;height:100%;color:var(--muted);place-items:center;padding:.75rem;display:grid}.badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-neutral{color:#e5e7eb;background:#94a3b829}.badge-success{color:#a7f3d0;background:#10b9812e}.badge-warning{color:#fde68a;background:#fbbf242e}.badge-danger{color:#fecdd3;background:#f43f5e2e}.text-link{color:#a78bfa}.empty-state,.loading-state{text-align:center;place-content:center;gap:.5rem;min-height:180px;padding:1.5rem;display:grid}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Jura,sans-serif}.align-start{align-items:flex-start}.section-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.preview-grid,.stack-list,.note-form,.action-grid{gap:1rem;display:grid}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.preview-frame,.preview-button{border:1px solid var(--card-border);background:#ffffff08;border-radius:1rem;padding:.65rem}.preview-button{text-align:left}.preview-button.is-selected{border-color:#a855f7e6;box-shadow:0 0 0 1px #a855f773}.preview-button img,.preview-button video,.mini-thumb img,.mini-thumb video{border-radius:.75rem;width:100%;display:block}.preview-button video,.mini-thumb video{background:#00000073}.mini-thumb video{object-fit:cover;height:100%}.preview-button video{object-fit:contain;max-height:320px}.list-row,.note-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;gap:.75rem;padding:.95rem;display:grid}.list-row{grid-template-columns:72px minmax(0,1fr) auto;align-items:center}.mini-thumb{background:#0000004d;border-radius:.85rem;width:72px;height:72px;overflow:hidden}.mini-state{color:var(--muted);font-size:.85rem}.empty-inline{color:var(--muted)}.actions-panel{position:sticky;top:5.5rem}.note-form textarea,.note-form input{width:100%;color:var(--foreground);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:.9rem;padding:.85rem .95rem}.note-form textarea{resize:vertical;min-height:120px}.upload-field{color:var(--muted);gap:.5rem;display:grid}.feedback-reference-image{border:1px solid #ffffff14;border-radius:.9rem;width:100%;max-width:320px}.primary-button,.secondary-button,.warning-button,.danger-button{color:#fff;border:0;border-radius:999px;padding:.8rem 1rem}.primary-button{background:var(--grad-primary)}.secondary-button{background:#ffffff1f}.warning-button{background:#fbbf2438}.danger-button{background:#f43f5e38}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}}@media (max-width:720px){.app-header,.app-main{padding:1rem}.page-header-row,.card-header{flex-direction:column;align-items:flex-start}.asset-card{grid-template-columns:1fr}.asset-thumb{width:100%;height:200px}}