:root{color:#161914;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg:#fdfff9d1;--panel-bg-strong:#fffffcf5;--panel-border:#2e443a24;--panel-shadow:0 18px 44px #1b342c1a;--accent:#d9552f;--accent-soft:#d9552f1a;--accent-lime:#b8df31;--accent-teal:#199b8c;--surface:#fcfff9;--ink-soft:#556051;--success:#287358;--danger:#b44f35;background:linear-gradient(115deg,#ff7a4a33 0%,#0000 23%),linear-gradient(245deg,#3cb8a42e 0%,#0000 28%),linear-gradient(#fbfcf6 0%,#eef4eb 48%,#e8f0ef 100%);font-family:Segoe UI,Aptos,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;color:inherit}button,textarea,select{font:inherit}a{color:inherit}.app-shell{color:#161914;min-height:100vh;padding:18px}.workspace-header{justify-content:space-between;align-items:center;gap:20px;min-height:52px;margin-bottom:16px;padding:0 2px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{flex:0 0 32px;width:32px;height:32px}.brand-mark rect{fill:#fffffcfa;stroke:#1b342c2e}.brand-mark path{fill:#d65c2f}.brand-lockup h1{letter-spacing:0;margin:0;font-size:1.35rem;line-height:1}.workspace-metrics{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;display:flex}.workspace-metrics span{color:#344234;background:#fffffcbd;border:1px solid #2a403624;border-radius:8px;min-height:32px;padding:7px 10px;font-size:.88rem;font-weight:650;box-shadow:0 10px 24px #1b342c0f}.layout{grid-template-columns:minmax(360px,.66fr) minmax(0,1.34fr);gap:18px;min-height:calc(100vh - 88px);display:grid}.workbench-column,.preview-column{align-content:start;gap:14px;display:grid}.preview-column{min-width:0}.inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.compact-list,.error-list{margin:10px 0 0;padding-left:18px}.compact-list li,.error-list li{margin-bottom:8px}.muted{color:#687363}.status-line{margin:0 0 6px;font-weight:700}.project-title-input{color:#172019;background:#fffffcf5;border:1px solid #60764729;border-radius:8px;width:100%;min-height:42px;padding:10px 12px;font-size:1.05rem;font-weight:750}.project-title-input:focus{outline-offset:2px;outline:2px solid #d9552f33}.assistant-textarea{resize:vertical;color:#1f2419;background:#fffffcf0;border:1px solid #60764729;border-radius:8px;width:100%;min-height:84px;padding:12px}.assistant-textarea:focus{outline-offset:2px;outline:2px solid #199b8c38}.studio-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.secondary-button,.ghost-button{cursor:pointer;border-radius:8px;min-height:36px;padding:8px 11px;font-weight:700;transition:transform .12s,background-color .12s}.secondary-button{color:#182820;background:linear-gradient(135deg,#199b8c26,#d9552f1a);border:1px solid #199b8c42}.ghost-button{color:#425041;background:#fffffcad;border:1px solid #2a403624}.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.secondary-button:disabled{cursor:wait;opacity:.62;transform:none}.server-message{color:#4f5d51;margin:12px 0 0;font-weight:650}.analysis-panel{background:#f1fcf6c2;border:1px solid #199b8c2e;border-radius:8px;margin-top:12px;padding:12px}.analysis-panel p{margin:0}.project-list{gap:8px;margin-top:12px;display:grid}.project-row{color:#273226;cursor:pointer;text-align:left;background:#fffffcc7;border:1px solid #364c3e1f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;display:grid}.project-row span:first-child{text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.project-row span:last-child{color:#697468;font-size:.78rem}.score-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;display:grid}.score-stats div{background:linear-gradient(#fffffce0,#f0f8ecd6);border:1px solid #364c3e1f;border-radius:8px;min-width:0;padding:10px}.score-stats dt{color:#6a7466;text-transform:uppercase;font-size:.72rem;font-weight:700}.score-stats dd{color:#172019;margin:2px 0 0;font-size:1.05rem;font-weight:800}.score-stats--stacked{grid-template-columns:1fr}.score-stats--stacked dd{overflow-wrap:anywhere;font-size:.94rem}@media (width<=980px){.app-shell{padding:14px}.workspace-header{flex-direction:column;align-items:flex-start;gap:12px}.workspace-metrics{justify-content:flex-start}.layout{grid-template-columns:1fr;min-height:auto}}@media (width<=700px){.inspector-grid,.score-stats,.project-row{grid-template-columns:1fr}}.section-card{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;position:relative;overflow:hidden}.section-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#d9552f12,#0000 30%),linear-gradient(#ffffff80,#0000 55%);position:absolute;inset:0}.section-card__header{padding:14px 16px 0}.section-card__header h2{letter-spacing:.02em;text-transform:uppercase;color:#394333;margin:0;font-size:.9rem;position:relative}.section-card__content{padding:12px 16px 16px;position:relative}.section-card--success{box-shadow:inset 3px 0 0 #28735899, var(--panel-shadow);border-color:#2873583d}.section-card--danger{box-shadow:inset 3px 0 0 #b44f35ad, var(--panel-shadow);border-color:#b44f3547}.mode-toggle{background:linear-gradient(135deg,#d9552f1a,#199b8c21);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;max-width:240px;margin-bottom:12px;padding:4px;display:inline-grid}.mode-toggle__button,.example-chip,.render-button{cursor:pointer;border:0;border-radius:8px;transition:transform .12s,background-color .12s,color .12s}.mode-toggle__button{color:#59634d;background:0 0;min-height:36px;padding:8px 10px;font-weight:600}.mode-toggle__button.is-active{color:#171b13;background:#fbfff6f5;box-shadow:0 8px 18px #1b342c1f}.examples{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.example-chip{color:#2b3124;background:#f8fcf1fa;border:1px solid #5b714324;min-height:34px;padding:7px 10px;box-shadow:0 8px 18px #57732d0d}.editor-label{margin-bottom:8px;font-weight:600;display:block}.editor-textarea{resize:vertical;color:#1f2419;background:linear-gradient(#fffffcfa,#f7fcf3f5);border:1px solid #60764729;border-radius:8px;width:100%;min-height:clamp(330px,42vh,560px);padding:16px;box-shadow:inset 0 1px 2px #00000005,0 12px 28px #5a72340d}.editor-textarea:focus{outline-offset:2px;outline:2px solid #d65c2f38}.editor-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.render-button{color:#161b10;background:linear-gradient(135deg,#d9552f 0%,#f2b64b 52%,#b7df36 100%);min-height:42px;padding:10px 16px;font-weight:700;box-shadow:0 12px 26px #a2812433}.mode-toggle__button:hover,.example-chip:hover,.render-button:hover{transform:translateY(-1px)}.helper-text{color:#5f6858;flex:220px;margin:0}.helper-text--error{color:var(--danger)}.syntax-help{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.syntax-help div,.syntax-examples div{background:#fffffcad;border:1px solid #364c3e1f;border-radius:8px;min-width:0;padding:10px}.syntax-help h3{color:#2f3a2d;margin:0 0 4px;font-size:.86rem}.syntax-help p,.syntax-examples strong{color:#687363;margin:0 0 8px;font-size:.86rem;display:block}.syntax-help code,.syntax-examples code{color:#182820;background:#199b8c17;border-radius:6px;margin:0 5px 6px 0;padding:3px 6px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.78rem;display:inline-block}.syntax-examples{grid-template-columns:1fr;gap:10px;margin-top:12px;display:grid}.syntax-examples code{overflow-wrap:anywhere;display:block}@media (width<=700px){.syntax-help{grid-template-columns:1fr}}.score-preview-card{min-height:calc(100vh - 88px)}.score-preview-card .section-card__content{grid-template-rows:auto auto 1fr;min-height:calc(100vh - 142px);display:grid}.preview-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:10px;display:flex}.preview-toolbar button{color:#344234;cursor:pointer;background:#fffffcc7;border:1px solid #2a403624;border-radius:8px;min-height:34px;padding:7px 10px;font-weight:700}.preview-toolbar button:disabled{cursor:not-allowed;opacity:.52}.preview-placeholder{color:#6b6359;background:#fffdf9c2;border:1px dashed #6f5e4b38;border-radius:8px;place-items:center;min-height:220px;display:grid}.preview-surface{background-color:#eef4efd1;background-image:linear-gradient(90deg,#1f2c260d 1px,#0000 1px),linear-gradient(#1f2c260b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #2d3f371a;border-radius:8px;min-height:clamp(560px,100vh - 168px,920px);padding:24px;overflow:auto}.a4-page{aspect-ratio:210/297;background:#fffef9;border:1px solid #1f2c261f;border-radius:4px;width:min(100%,794px);min-height:1123px;margin:0 auto;padding:54px 46px;box-shadow:0 22px 48px #1b342c29,0 2px 8px #1b342c14}.a4-page .preview-render-target{min-height:100%}.a4-page svg{width:100%;height:auto;display:block}.preview-error{color:var(--danger)}@media (width<=980px){.score-preview-card,.score-preview-card .section-card__content,.preview-surface{min-height:520px}.preview-surface{padding:12px}.a4-page{min-height:auto;padding:24px 18px}}@page{size:A4 portrait;margin:12mm}@media print{html,body,#root{background:#fff;width:210mm;min-height:297mm}body *{visibility:hidden}.score-preview-card,.score-preview-card *{visibility:visible}.score-preview-card{width:100%;min-height:auto;box-shadow:none;background:#fff;border:0;position:absolute;inset:0}.score-preview-card:before,.score-preview-card .section-card__header,.preview-toolbar{display:none}.score-preview-card .section-card__content{min-height:auto;padding:0;display:block}.preview-surface{background:#fff;border:0;min-height:auto;padding:0;overflow:visible}.a4-page{width:100%;min-height:auto;box-shadow:none;background:#fff;border:0;border-radius:0;margin:0;padding:0}.a4-page svg{width:100%;max-height:273mm}}