/* ============================================================================ application.css — the canonical cascade-order manifest (the reference @import list) ---------------------------------------------------------------------------- The skeuomorphic studio-rack control-panel UI kit. This file @imports every layer partial in ITCSS cascade order (settings → tools → generic → elements → objects → components → pages → utilities), so the list below reads as a table of contents. Every page links ONLY this file (index.html the design manual, control-panel.html the rack, website.html the website). No build, no framework — opens straight in a browser. ============================================================================ */ /* 01 · SETTINGS — design tokens (the canonical values; no rules) */ @import url("/assets/01-settings/_color-palette-c178bd81.css"); /* raw pigments (hex lives ONLY here) */ @import url("/assets/01-settings/_color-semantic-5d31586e.css"); /* role aliases + theme + rooms */ @import url("/assets/01-settings/_facets-cc62ab85.css"); /* THE cross-cutting mapping: buses, intensity, chord temp, stages */ @import url("/assets/01-settings/_typography-66d7758b.css"); @import url("/assets/01-settings/_spacing-4ef53b6c.css"); @import url("/assets/01-settings/_radii-f0ee753f.css"); @import url("/assets/01-settings/_shadows-820f7542.css"); /* skeuomorphic depth (value, not hue) */ @import url("/assets/01-settings/_borders-207e80d3.css"); @import url("/assets/01-settings/_motion-8c8a69e3.css"); @import url("/assets/01-settings/_z-index-81f6544a.css"); @import url("/assets/01-settings/_layout-a7ddb90d.css"); /* 02 · TOOLS — reusable material textures as custom properties */ @import url("/assets/02-tools/_patterns-c495d737.css"); /* brushed metal, knurl, screw, phosphor glass */ /* 03 · GENERIC — reset, base ground, self-owned keyframes */ @import url("/assets/03-generic/_reset-9757ec08.css"); @import url("/assets/03-generic/_base-f5ba72a8.css"); @import url("/assets/03-generic/_keyframes-9148c730.css"); /* 04 · ELEMENTS — bare unclassed HTML (prose/website surfaces) */ @import url("/assets/04-elements/_elements-1726bfeb.css"); /* 05 · OBJECTS — structural primitives (layout only) */ @import url("/assets/05-objects/_objects-4d5f2fe1.css"); /* 06 · COMPONENTS — one file per component (the bulk) */ /* atoms first (reused by the composites) */ @import url("/assets/06-components/_led-f365f262.css"); @import url("/assets/06-components/_segment-display-727e7302.css"); @import url("/assets/06-components/_display-a3e6d38c.css"); @import url("/assets/06-components/_score-808ff858.css"); /* the voice LINE screen (staff/roll tabs) + reusable staff engraving */ @import url("/assets/06-components/_nameplate-56a42475.css"); /* controls */ @import url("/assets/06-components/_knob-c0d97630.css"); @import url("/assets/06-components/_fader-b50f3e6b.css"); @import url("/assets/06-components/_switch-66be99a0.css"); @import url("/assets/06-components/_button-c06d1d94.css"); @import url("/assets/06-components/_segmented-1ab788ff.css"); /* latch radio (generalises the order radio) */ @import url("/assets/06-components/_capability-de59fa76.css"); /* the vocabulary gate (chip field) */ /* panel-control composites (group the controls above) */ @import url("/assets/06-components/_subpanel-a4e1078e.css"); /* nested sunken control tray */ @import url("/assets/06-components/_listening-cb58d46d.css"); /* the per-panel listening strip (uses knob + source chips) */ @import url("/assets/06-components/_listen-panel-10b41b3d.css"); /* the per-source amount sub-panel (left rail of each body) */ /* metering + transport */ @import url("/assets/06-components/_meter-5154e709.css"); @import url("/assets/06-components/_mixer-d7a86b92.css"); @import url("/assets/06-components/_takes-9ba25e37.css"); /* the in-studio Takes slide-out (kept tunes + upsell) */ @import url("/assets/06-components/_transport-23cca8eb.css"); @import url("/assets/06-components/_appbar-2a4aad36.css"); /* the app control panel — the SECOND fixed head above the transport */ /* the rack unit */ @import url("/assets/06-components/_rack-unit-a9288bc8.css"); /* shared musical readouts */ @import url("/assets/06-components/_motif-9fe37328.css"); /* the motif contour (piano-roll of the cell) */ @import url("/assets/06-components/_timeline-5b97cfaa.css"); @import url("/assets/06-components/_sequencer-369f2d9f.css"); @import url("/assets/06-components/_score-screen-4fdd71ab.css"); /* the score's WIDE CRT — .fc-display--score-wide (paints the re-homed grid as one lit phosphor screen) */ @import url("/assets/06-components/_key-wheel-d0cbf788.css"); @import url("/assets/06-components/_chord-readout-4c2ee6ac.css"); @import url("/assets/06-components/_scheme-dropdown-ec5741f3.css"); @import url("/assets/06-components/_phrase-preview-9fc41519.css"); /* website studio-surfaces — the wider studio (concept §3.2): the modules the marketing/auth/account/edge pages are built from. One per studio surface. */ @import url("/assets/06-components/_fc-field-8f34a014.css"); /* supporting form atom (auth/settings) */ @import url("/assets/06-components/_fc-case-60f8dd64.css"); /* flight/road case — page & section frame */ @import url("/assets/06-components/_fc-strip-084a714a.css"); /* console scribble strip — nav/labels/crumbs */ @import url("/assets/06-components/_fc-gaff-801f1c71.css"); /* gaffer-tape label — eyebrows/tags/pull-quote */ @import url("/assets/06-components/_fc-sheet-a9f043bb.css"); /* track/recall sheet — pricing/ledgers/settings */ @import url("/assets/06-components/_fc-liner-24aa7db3.css"); /* liner notes/gatefold — about/docs/legal */ @import url("/assets/06-components/_fc-sign-8f43c0a7.css"); /* ON-AIR sign — banners/hero/404/500 */ @import url("/assets/06-components/_fc-glass-9d05d837.css"); /* control-room window — auth interstitial/modals */ @import url("/assets/06-components/_fc-bridge-924f5ce7.css"); /* VU meter bridge — marketing proof band */ @import url("/assets/06-components/_fc-stand-0c0d9571.css"); /* music stand — empty states */ @import url("/assets/06-components/_fc-patch-a4c7209a.css"); /* patch bay — footer / decorative listening overview */ /* system power — the master switch + the [data-power] off/boot states. Imported LAST so its cross-cutting "everything goes dark / everything boots" rules sort after the screens, lamps and meters they override. */ @import url("/assets/06-components/_power-e827f7a9.css"); /* 08 · PAGES — composition (sorts AFTER components so pages win) */ @import url("/assets/08-pages/p-rack/_rack-4d23d3eb.css"); /* the control panel */ @import url("/assets/08-pages/p-rack/_studio-e3a24ea4.css"); /* the studio (the app shell + deck around the rack) */ @import url("/assets/08-pages/p-rack/_studio-shell-c0b535c5.css"); /* the /studio page layout (external transport + slide-outs + cabinet) */ @import url("/assets/08-pages/sg-showcase/_showcase-741e7cf2.css"); /* the example-panel showcase chrome */ /* the website surfaces — composition (arrangement of the studio modules above) */ @import url("/assets/08-pages/p-landing/_landing-0d80fef3.css"); /* landing / home */ @import url("/assets/08-pages/p-pricing/_pricing-aead60de.css"); /* pricing */ @import url("/assets/08-pages/p-doc/_doc-613447d1.css"); /* about · docs · changelog · legal */ @import url("/assets/08-pages/p-auth/_auth-2a1a390d.css"); /* sign-up · log-in · reset */ @import url("/assets/08-pages/p-account/_account-b8f797f1.css"); /* library · take · account · billing */ @import url("/assets/08-pages/p-edge/_edge-5c931ec7.css"); /* 404 · 500 · empty · loading */ @import url("/assets/08-pages/sg-website/_website-75e2ff1a.css"); /* the website-showcase chrome (.sg-screen) */ @import url("/assets/08-pages/sg-manual/_manual-91385ee6.css"); /* the design-manual chrome (.sg-manual / .dm-*) — index.html */ /* 09 · UTILITIES — single-purpose helpers + cross-cutting hooks (sorts last) */ @import url("/assets/09-utilities/_utilities-8a897a6c.css");