:root{color-scheme:dark;--ink: oklch(.13 .008 264);--ink-2: oklch(.17 .01 262);--ink-3: oklch(.21 .012 260);--gold: oklch(.71 .1 88);--gold-2: oklch(.81 .09 90);--bone: oklch(.92 .03 92);--bone-2: oklch(.74 .03 90);--line: oklch(.71 .1 88 / 20%)}body{margin:0;padding:0;background:var(--ink);color:var(--bone);font-family:Jost,Avenir Next,Avenir,sans-serif;display:flex;flex-direction:column;min-height:100vh}#webmcp-status{display:inline-block;margin-top:.9rem;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--line);background:var(--ink-3);color:var(--bone-2);font-size:.78rem}#webmcp-status[data-supported=true]{border-color:#4d935199;background:#4d93511f;color:#85cc87}main{max-width:1400px;width:100%;margin:0 auto;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2.5rem;flex:1 0 auto}section.panel{background:var(--ink-2);border:1px solid var(--line);border-radius:2px;padding:1.5rem}section.panel h2{margin:0 0 1.25rem;color:var(--gold);font-family:Cinzel,Georgia,serif;font-weight:500;font-size:1.4rem}.panel-group{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}.panel-group:first-child{margin-top:0;padding-top:0;border-top:none}.draft-status-line{margin:1.25rem 0 0}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.row .field{margin-bottom:0}.field label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2)}input[type=text],input[type=search],select,textarea{font:inherit;padding:.65rem .85rem;border:1px solid var(--line);border-radius:2px;background:var(--ink-3);color:inherit;transition:border-color .15s ease}input[type=text]:hover,input[type=search]:hover,select:hover,textarea:hover{border-color:#bc9e5473}textarea{resize:vertical;min-height:3.5rem}input[type=text]:focus-visible,input[type=search]:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.item-fields{display:flex;flex-direction:column;gap:.7rem;margin-top:.5rem;padding-top:.6rem;border-top:1px solid var(--line)}.item-fields .field{margin-bottom:0}.item-fields .field-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2)}.item-fields input[type=text],.item-fields textarea{background:var(--ink)}.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}button{font:inherit;cursor:pointer;border:none;border-radius:2px;padding:.6rem 1rem;background:var(--gold);color:var(--ink)}button.secondary{background:var(--ink-3);color:var(--bone);border:1px solid var(--line)}button.danger{background:transparent;color:#fb9989;border:1px solid oklch(.65 .16 30 / 70%)}button.danger:hover:not(:disabled){background:#e063511f}button:disabled{opacity:.5;cursor:not-allowed}button.icon{padding:.3rem .55rem;font-size:.85rem}#draft-status{display:inline-block;padding:.25rem .6rem;border-radius:2px;background:var(--ink-3);color:var(--bone-2);font-size:.78rem;margin-left:.5rem}#draft-status[data-status=ready_for_review]{background:#182c18;color:#85cc87}#draft-status[hidden]{display:none}.active-draft-hint{margin:0 0 1.25rem;font-size:.85rem;color:var(--bone-2)}.active-draft-hint strong{color:var(--gold-2)}.active-draft-hint .hint-warning{color:#f8a052}.active-draft-hint.attention .hint-warning{animation:hint-flash .4s ease 2}@keyframes hint-flash{0%,to{color:#f8a052}50%{color:oklch(.88 .18 60)}}#search-status{margin:0 0 1rem;color:var(--bone-2);font-size:.85rem;min-height:1.2em}ol#search-results,ol#sequence-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}ol#search-results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}li.search-card,li.sequence-card{border:1px solid var(--line);border-radius:2px;overflow:hidden;background:var(--ink-3);display:flex;flex-direction:column}li.search-card img,li.sequence-card img{width:100%;height:160px;object-fit:cover;background:var(--ink)}.card-body{padding:.7rem;display:flex;flex-direction:column;gap:.4rem}.card-body h3{margin:0;font-size:.95rem}.badge{font-size:.72rem;padding:.2rem .6rem;border-radius:999px;background:var(--ink);color:var(--gold-2);width:fit-content}li.sequence-card{flex-direction:row}li.sequence-card img{width:160px;height:auto;flex-shrink:0}li.sequence-card .card-body{flex:1}.move-controls{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .4rem;justify-content:center}#preview-panel[hidden]{display:none}.story-page{max-width:1400px;margin:0 auto}.story-page>h1{color:var(--gold-2);font-family:Cinzel,Georgia,serif;font-weight:500;letter-spacing:.03em;text-align:center;margin:0 0 1.75rem}.exhibition-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.frame{margin:0;display:flex;flex-direction:column;background:var(--ink-3);border:1px solid var(--line);box-shadow:0 1rem 2rem #00000147;padding:1rem}.frame img{display:block;width:100%;height:240px;object-fit:cover;margin:0 0 .9rem;padding:.45rem;border:1px solid oklch(.71 .1 88 / 55%);box-sizing:border-box;background:var(--ink)}.frame figcaption{display:flex;flex-direction:column;gap:.35rem}.attribution{margin:0;font-size:.85rem;font-weight:600;color:var(--gold-2)}.plaque-caption{margin:0;font-size:.85rem;font-style:italic;color:var(--bone)}.plaque-narrative{margin:0;font-size:.85rem;color:var(--bone-2)}.frame a{font-size:.78rem}.preview-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.preview-panel-heading h2{margin:0}@media(max-width:680px){header.masthead{padding:1.5rem 1rem 1rem}header.masthead h1{font-size:2rem}}@media print{header.masthead,.site-footer,#draft-panel,#search-panel,#sequence-panel,#actions-panel{display:none}body,main{background:#fff;padding:0;max-width:none}#preview-panel{background:#fff;border:none;padding:0}.preview-panel-heading{display:none}.story-page>h1{color:#000}.exhibition-wall{display:block;columns:2;column-gap:1rem}.frame{display:inline-block;width:100%;break-inside:avoid;margin:0 0 1rem;background:#fff;border-color:#ccc;box-shadow:none}.frame img{border-color:#999}.attribution{color:#000}.plaque-caption,.plaque-narrative{color:#333}.frame a{display:none}}