/* Quiet blue and white workspace; no decorative imagery. */
.composer-home{max-width:900px;margin:24px auto 0}.composer-intro{margin:0 0 26px}.composer-intro h1{font-size:30px;letter-spacing:-.7px;margin:10px 0}.composer-intro p{color:#64748b;font-size:14px}.composer{background:#fff;border:1px solid #d9e2f3;border-radius:16px;padding:24px;box-shadow:0 8px 32px #2458ed06}.composer-types{border:0;padding:0;margin:0 0 24px;min-width:0}.composer-types legend,.composer-content-label{font-size:13px;font-weight:600;color:#425573;margin-bottom:12px;display:block}.type-chips{display:flex;flex-wrap:wrap;gap:8px}.type-chip{display:inline-flex;position:relative;cursor:pointer}.type-chip input{position:absolute;opacity:0;width:1px;height:1px}.type-chip span{display:block;border:1px solid #dce4f0;border-radius:8px;padding:11px 13px;color:#52637d;font-size:13px;background:#fff}.type-chip input:checked+span{background:#edf3ff;border-color:#2458ed;color:#2458ed}.type-chip input:focus-visible+span{outline:2px solid #2458ed;outline-offset:3px}.composer-more{margin-top:12px}.composer-more summary,.composer-name summary{cursor:pointer;color:#667893;font-size:12px;padding:6px 0}.composer-more .type-chip{margin-top:8px}#composer-content{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:140px;padding:0;border:0;background:white;font:inherit;font-size:16px;line-height:1.8;color:#243b60;outline:none}#composer-content:focus{box-shadow:0 2px #2458ed}#composer-content::placeholder{color:#94a1b7}.composer-materials{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.upload-material{cursor:pointer;background:#f2f6ff;color:#2458ed;padding:12px;border-radius:8px;font-size:13px}.upload-material small{color:#71809a}.composer-materials>span{font-size:11px;color:#73839b}.composer-name{margin:8px 0}.composer-name label{display:block;font-size:12px;margin:8px 0}.composer-name input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #dce4f0;border-radius:8px;font-size:16px}.composer-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #e8edf6;padding-top:18px;margin-top:12px}.source-option{min-width:0}.source-option label{display:flex;align-items:center;gap:9px;font-size:14px;color:#425573;cursor:pointer;min-height:32px}.source-option input{width:18px;height:18px;accent-color:#2458ed}.source-option p{color:#975310;background:#fff6e6;border-radius:6px;padding:10px;margin:6px 0 0;font-size:12px;line-height:1.7}.source-option [hidden]{display:none}#composer-generate{min-width:112px;min-height:48px;justify-content:center;font-size:16px}.composer-status{font-size:12px;color:#73839b;line-height:1.9;margin:14px 2px}.composer-recent{margin-top:34px}.composer-recent h2{font-size:16px}.composer-recent .recent-card{box-shadow:none;border:0;border-bottom:1px solid #e4eaf4;border-radius:0;background:transparent;width:100%;padding:15px 0}.composer-recent .project-icon{display:none}.composer-file-row{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px;color:#425573}.composer-file-row span{overflow-wrap:anywhere;min-width:0}.composer-file-row button{background:transparent;border:0;min-width:44px;min-height:44px;cursor:pointer;color:#2458ed}.generation-status{margin-bottom:22px}.generation-status p{margin-bottom:0}button:disabled{cursor:default;opacity:.65}@media(max-width:760px){.composer-home{margin:0 auto}.composer-intro{margin-bottom:12px}.composer-intro h1{font-size:22px;margin:4px 0}.composer-intro p{margin:4px 0;font-size:13px}.composer{padding:14px}.composer-types{margin-bottom:12px}.type-chip span{font-size:12px;padding:10px 9px}#composer-content{min-height:72px;height:72px}.composer-materials{margin:8px 0;gap:8px}.composer-bottom{align-items:stretch;flex-direction:column;gap:10px;padding-top:12px;margin-top:6px}#composer-generate{width:100%;min-height:46px}.composer-recent{margin-top:22px}.composer-recent .recent-card>span:last-child{display:none}.composer-recent .recent-card div{min-width:0}.composer-status{font-size:11px;margin:10px 2px}}
@media(min-width:761px){.composer-home{margin-top:0}.composer-intro{margin-bottom:18px}.composer-intro h1{margin:6px 0}.composer-intro p{margin:6px 0}.composer{padding:20px 24px}.composer-types{margin-bottom:16px}#composer-content{min-height:100px;height:100px}.composer-materials{margin:10px 0}.composer-bottom{padding-top:14px;margin-top:8px}}
.composer-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px}.upload-column{min-width:0;border:1px solid #dce4f0;border-radius:10px;padding:12px}.upload-column h2{font-size:14px;margin:0 0 6px}.upload-column h2 small{font-size:11px;font-weight:400;color:#71809a}.upload-column p{font-size:12px;color:#64748b;line-height:1.6;margin:0 0 10px}.upload-material{display:flex;min-height:44px;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}.upload-column .region-hint{color:#2458ed;margin:10px 0 0}.upload-rules{color:#73839b;font-size:11px}.composer-file-row{flex-wrap:wrap;margin-top:10px;gap:4px}.composer-file-row>span{width:calc(100% - 48px)}.composer-file-row [data-region-open]{background:#edf3ff;border-radius:6px;width:100%;font-size:12px}.region-picture{position:relative;line-height:0;overflow:hidden;width:100%}.region-picture img,.attachment .region-picture img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}.region-box{position:absolute;box-sizing:border-box;border:2px solid #2458ed;background:#2458ed25;pointer-events:none}.region-box b{font:12px/18px sans-serif;color:white;background:#2458ed;position:absolute;top:0;left:0;padding:0 4px}.region-box.selected{border-color:#ff9d00;background:#ff9d0022}.region-box i{position:absolute;right:-8px;bottom:-8px;width:24px;height:24px;background:#fff;border:2px solid #2458ed;cursor:nwse-resize}.composer-file-row video{max-width:100%}#region-editor{width:min(940px,calc(100vw - 24px));max-height:94dvh;overflow:auto}#region-editor button{min-height:44px;cursor:pointer}#region-editor .dialog-head{padding:12px 18px}.region-instructions{font-size:13px;line-height:1.6;margin:12px 18px;color:#52637d}.region-stage-wrap{padding:0 18px;display:flex;justify-content:center}#region-stage{width:fit-content;max-width:100%;touch-action:none;user-select:none;cursor:crosshair}#region-stage>img{max-height:59dvh;width:auto;max-width:100%}#region-layer{position:absolute;inset:0}#region-layer .region-box{pointer-events:auto;cursor:move}#region-editor .dialog-footer{padding:12px 18px;gap:10px}.project-materials h3{font-size:15px;margin:20px 0 10px}.attachment>span{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:8px}@media(max-width:760px){.composer-materials{grid-template-columns:1fr}.upload-column{padding:10px}.upload-column p{margin-bottom:6px}.upload-column .region-hint{margin-top:6px}.composer-materials .upload-material{min-height:44px}#region-editor .dialog-head h2{font-size:17px}.project-materials .attachments{grid-template-columns:1fr}}

/* Columns are rebuilt on type changes; absent site controls cannot receive paste. */
.composer-materials{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.upload-column.paste-target,.upload-column:focus-visible{border-color:#2458ed;outline:2px solid #2458ed22;outline-offset:2px}.paste-image{display:block;min-height:44px;width:100%;margin-top:6px;border:0;border-radius:6px;background:#fff;color:#2458ed;cursor:pointer;font:inherit;font-size:12px}@media(max-width:760px){.composer-materials{grid-template-columns:1fr}}