@import url('/team-design.css');
/* Shared material styles. Page layout belongs to each page, shell layout to team-shell.css. */
a{color:var(--accent)}h1,h2,h3{color:var(--ink);letter-spacing:0}h1{font-size:var(--font-title);line-height:var(--line-title);font-weight:600}h2{font-size:var(--font-section);line-height:var(--line-section);font-weight:600}p,small,.hint,.muted,footer,.note{color:var(--muted)}
button,input,select,textarea{border-color:var(--line);border-radius:var(--radius-control);color:var(--ink);background:var(--surface)}button,.file-button{min-height:var(--control-height);padding:8px 16px;border:1px solid var(--line);font-size:var(--font-body);line-height:var(--line-body);font-weight:500}button:hover,.file-button:hover{background:var(--bg-soft);color:var(--ink)}button.primary,.primary,.cards button{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover,.primary:hover,.cards button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}button[aria-pressed=true]{background:var(--accent-wash);color:var(--accent);border-color:var(--accent-line)}input[type=checkbox]{accent-color:var(--accent)}input:focus,select:focus,textarea:focus{border-color:var(--accent-line)}
.panel,.cards section,.card,.job,.shot-card,.result-card,.advanced{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:none}.studio{width:100%;max-width:calc(var(--content-width) + 2 * var(--page-gutter));margin:0 auto;padding:var(--space-8) var(--page-gutter) var(--space-12)}.intro{padding:0 0 var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--line)}.intro p,body>header p{color:var(--muted)}.field>span{color:var(--ink)}.field input,.field select,.field textarea{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:var(--radius-control);font-size:var(--font-body)}.check{color:var(--muted)}.notice,.status-hint,.service-state,.tag,.badge,.status{background:var(--bg-soft);border-color:var(--line);color:var(--muted)}.service-state a,.cloud-form a{color:var(--accent)}.advanced summary{color:var(--ink)}.empty,.cloud-history .empty,.result,.steps .step{background:var(--canvas);border-color:var(--line);color:var(--muted)}.evidence img{background:var(--canvas)}.row{border-color:var(--line)}
body.templates-page{padding:var(--space-8) var(--page-gutter)}body.templates-page nav{background:none;border-bottom:1px solid var(--line);width:100%;padding:0;gap:var(--space-6)}body.templates-page nav button{background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 4px}body.templates-page nav button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);box-shadow:none}#catalog{gap:var(--space-4)}.cover,.card:nth-child(2n) .cover{background:var(--bg-soft);color:var(--ink);min-height:180px}.cover strong{font-weight:600}.pill{color:var(--muted)}.card-body{padding:var(--space-4) var(--space-4) var(--space-6)}.slot,.stage{background:var(--canvas);border-color:var(--line);color:var(--ink)}.bar span{background:var(--accent)}.file-button{background:var(--bg-soft);color:var(--ink)}
body.editor-page>header{padding:var(--space-8) var(--page-gutter) 0}body.editor-page>main>aside,#mixPanel{background:var(--surface);border-color:var(--line)}.screen{background:#111;border-color:var(--ink)}.screen p{color:#a9aeb7}.clip,.editor-page .clip{background:var(--canvas);border-color:var(--line);border-left-color:var(--line-strong)}.editor-page .clip.active,.editor-page .clip.selected{background:var(--accent-wash);border-color:var(--accent);color:var(--ink)}.cards h2 small,.cards li,.cards a{color:var(--muted)}body.craft-page main{padding:var(--space-8) var(--page-gutter)}#workspace .bar{border-color:var(--line)}html[data-team-embed][data-theme=light] body{background:var(--canvas)!important}.locked-nav{cursor:not-allowed;opacity:.5;user-select:none}