html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#100e13;font-family:Georgia,Times New Roman,serif}html.dev-card-page-root{height:auto;min-height:100%;overflow:auto}#app{display:flex;align-items:center;justify-content:center}canvas{display:block;max-width:100vw;max-height:100vh;outline:none;touch-action:none}body.dev-card-page,body.dev-card-page #app{min-height:100%;height:auto;overflow:visible;display:block}.dev-card-screen{min-height:100vh;padding:28px;box-sizing:border-box;background:#100e13;color:#efe8dc}.dev-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:0 auto 20px}.dev-card-header h1{margin:0;font-size:34px;line-height:1}.dev-eyebrow{margin:0 0 8px;color:#ffcf8a;font-size:13px;text-transform:uppercase}.dev-card-link,.dev-form button,.dev-actions button{border:0;background:#ffd166;color:#100e13;padding:10px 14px;font:700 14px Georgia,Times New Roman,serif;text-decoration:none;cursor:pointer}.dev-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1fr);gap:16px;max-width:1280px;margin:0 auto}.dev-panel{border:1px solid #4b4053;background:#18131c;padding:16px;box-sizing:border-box}.dev-panel summary{cursor:pointer;color:#ffe0a2;font-size:19px;font-weight:700;list-style-position:inside}.dev-panel__body{margin-top:14px}.dev-panel--wide{grid-column:1 / -1}.dev-panel h2{margin:0 0 14px;font-size:19px;color:#ffe0a2}.dev-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;border-bottom:1px solid #332b38;padding-bottom:10px}.dev-tab{border:1px solid #4b4053;background:#0f0c12;color:#efe8dc;min-height:36px;padding:8px 12px;font:700 13px Georgia,Times New Roman,serif;cursor:pointer}.dev-tab--active{border-color:#ffd166;background:#18110a;color:#ffd166}.dev-workspace [hidden]{display:none}.dev-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dev-form label{display:grid;gap:5px;color:#bfb6c9;font-size:12px}.dev-form [hidden]{display:none}.dev-form input,.dev-form select,.dev-form textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid #4b4053;background:#0f0c12;color:#efe8dc;padding:8px;font:13px Georgia,Times New Roman,serif}.dev-form textarea{min-height:94px;resize:vertical;line-height:1.35}.dev-form__wide,.dev-check{grid-column:1 / -1}.dev-check{display:flex;align-items:center;grid-template-columns:none;color:#efe8dc}.dev-check input{width:auto}.dev-form button{grid-column:1 / -1}.dev-note{margin:12px 0 0;color:#aaa0b8;font-size:13px;line-height:1.45}.dev-actions{display:flex;gap:8px;flex-wrap:wrap}.dev-actions button:nth-child(2){background:#e8d7ff}.dev-actions button:nth-child(3){background:#99d6ff}.dev-actions button:nth-child(4){background:#a8f0b2}.dev-actions button:nth-child(5){background:#ffcf8a}.dev-actions button:nth-child(6){background:#ffd59b}.dev-actions button:nth-child(7){background:#d8d0ff}.dev-test-flow{display:grid;gap:5px;margin-top:12px;border:1px solid #332b38;background:#0f0c12;color:#aaa0b8;padding:10px;font-size:12px;line-height:1.35}.dev-test-flow strong{color:#ffe0a2}.dev-test-flow code{color:#efe8dc;font:12px Consolas,Courier New,monospace}.dev-status{min-height:74px;max-height:220px;margin:14px 0 0;overflow:auto;white-space:pre-wrap;border:1px solid #332b38;background:#0f0c12;color:#f2eadf;padding:10px;box-sizing:border-box;font:12px Consolas,Courier New,monospace}.dev-status[data-tone=good]{border-color:#4c9c5c;color:#c8ffd0}.dev-status[data-tone=bad]{border-color:#b85050;color:#ffd0d0}.dev-status--workspace{margin:0 0 12px}.dev-command{display:grid;gap:6px;margin-bottom:10px}.dev-command span{color:#bfb6c9;font-size:12px}.dev-command code{display:block;overflow-x:auto;border:1px solid #332b38;background:#0f0c12;color:#f2eadf;padding:9px;font:12px Consolas,Courier New,monospace}.dev-card-list,.dev-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.dev-review-card{display:grid;gap:10px;border:1px solid #332b38;background:#100d12;padding:10px}.dev-review-card--selected{border-color:#ffd166;grid-column:1 / -1;align-self:start}.dev-review-card .dev-card{border:0;padding:0}.dev-review-card:not(.dev-review-card--selected) .dev-card{opacity:.78}.dev-generated-card{display:grid;gap:8px;align-content:start}.dev-generated-card__actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px}.dev-card-origin-tag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:34px;box-sizing:border-box;border:1px solid #4b4053;background:#0f0c12;color:#ffd166;padding:0 8px;font:700 10px Georgia,Times New Roman,serif;text-transform:uppercase;letter-spacing:0}.dev-generated-card__actions button,.dev-file-button{flex:1 1 120px;box-sizing:border-box;min-height:34px;border:1px solid #4b4053;background:#17121c;color:#efe8dc;padding:7px 9px;font:700 12px Georgia,Times New Roman,serif;cursor:pointer}.dev-file-button{display:inline-flex;align-items:center;justify-content:center}.dev-file-button input{display:none}.dev-source-editor{margin-bottom:12px}.dev-source-editor:empty{display:none}.dev-generated-card__actions button:first-of-type{border-color:#ffd166;color:#ffd166}.dev-generated-card__actions button:last-of-type{border-color:#704044;color:#ffb3b3}.dev-review-card__select{display:grid;gap:4px;width:100%;border:1px solid #332b38;background:#0f0c12;color:#efe8dc;padding:8px;text-align:left;cursor:pointer}.dev-review-card--selected .dev-review-card__select{border-color:#ffd166;background:#18110a}.dev-review-card__select strong,.dev-review-card__select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-review-card__select span{color:#aaa0b8;font-size:12px}.dev-review-card__select-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dev-review-status{flex:0 0 auto;border:1px solid #4b4053;background:#191520;color:#efe8dc;padding:2px 6px;font:700 10px Georgia,Times New Roman,serif;text-transform:uppercase;letter-spacing:0}.dev-review-status--new{border-color:#7a5e2a;color:#ffd166}.dev-review-status--changed{border-color:#763;color:#fff2a8}.dev-review-status--approved{border-color:#36563d;color:#bdf2c8}.dev-review-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.dev-review-editor__tools,.dev-review-warning,.dev-review-ok,.dev-review-diff{grid-column:1 / -1}.dev-review-editor__tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.dev-review-editor__tools button,.dev-review-editor__tools .dev-file-button{border:0;background:#ff9b9b;color:#100e13;padding:7px 10px;font:700 12px Georgia,Times New Roman,serif;cursor:pointer}.dev-review-warning,.dev-review-ok{display:grid;gap:4px;border:1px solid #5a4730;background:#19130c;color:#ffd59b;padding:8px;font-size:12px}.dev-review-ok{border-color:#36563d;background:#0d1710;color:#bdf2c8}.dev-review-diff{display:grid;gap:4px;border:1px solid #4b4053;background:#111018;color:#d8d0ff;padding:8px;font-size:12px}.dev-review-diff strong{color:#ffe0a2}.dev-source-guardrail{grid-column:1 / -1;border:1px solid #5a4730;background:#19130c;color:#ffd59b;padding:8px;font-size:12px;line-height:1.35}.dev-source-guardrail code{color:#efe8dc;font:12px Consolas,Courier New,monospace}.dev-review-editor label{display:grid;gap:4px;color:#bfb6c9;font-size:12px}.dev-review-editor input,.dev-review-editor select,.dev-review-editor textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid #4b4053;background:#0f0c12;color:#efe8dc;padding:7px;font:11px Consolas,Courier New,monospace}.dev-review-editor textarea{min-height:130px;resize:vertical}.dev-review-editor__wide{grid-column:1 / -1}.dev-effects{display:grid;gap:10px}.dev-effects__top,.dev-effect-block__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dev-effects__top strong,.dev-effect-block__head strong{color:#ffe0a2}.dev-effects__top button,.dev-effect-block__head button{border:0;background:#ffd166;color:#100e13;padding:6px 9px;font:700 12px Georgia,Times New Roman,serif;cursor:pointer}.dev-effect-presets{display:flex;flex-wrap:wrap;gap:6px}.dev-effect-presets button{flex:1 1 118px;min-width:0;border:1px solid #4b4053;background:#17121c;color:#efe8dc;padding:6px 8px;font:700 11px Georgia,Times New Roman,serif;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-effect-presets button:hover{border-color:#ffd166;color:#ffd166}.dev-effect-order-note{margin:-2px 0 0;color:#aaa0b8;font-size:12px;line-height:1.35}.dev-effect-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:10px;border:1px solid #332b38;background:#0d0a10;padding:10px}.dev-effect-block label{min-width:0}.dev-effect-block select,.dev-effect-block input{min-height:34px;overflow:hidden;text-overflow:ellipsis}.dev-effect-block__head,.dev-effect-description,.dev-effect-check{grid-column:1 / -1}.dev-effect-block__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:5px}.dev-effect-description{margin:0;color:#aaa0b8;font-size:12px;line-height:1.35}.dev-effect-block__head button{background:#ff9b9b;padding:5px 7px;font-size:11px}.dev-effect-block__head button[data-move-effect-direction]{background:#2f2638;color:#efe8dc;border:1px solid #4b4053}.dev-effect-block__head button:disabled{cursor:default;opacity:.4}.dev-effect-check{display:flex;align-items:center;grid-template-columns:none}.dev-effect-check input{width:auto}.dev-effect-field--hidden{display:none}.dev-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;min-height:120px;border:1px solid color-mix(in srgb,var(--element-color),#4b4053 55%);background:#100d12;padding:10px;box-sizing:border-box}.dev-card__image{width:86px;height:86px;display:grid;place-items:center;overflow:hidden;background:#050308;color:#6f6877;font-size:12px}.dev-card__image img{width:100%;height:100%;object-fit:cover}.dev-card__body{min-width:0}.dev-card__topline,.dev-card__tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dev-card__topline strong{color:#fff4dc}.dev-card__topline span,.dev-card__tags span{color:#100e13;background:var(--element-color);padding:2px 6px;font-size:11px}.dev-card__meta,.dev-card p,.dev-card__image-meta{margin:7px 0;color:#bfb6c9;font-size:12px;line-height:1.35}.dev-card__image-meta{color:#ffd166}@media(max-width:820px){.dev-grid,.dev-form{grid-template-columns:1fr}.dev-card-header{align-items:flex-start;flex-direction:column}}