.draw-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:32px;align-items:start}.draw-compose{padding:26px;position:sticky;top:20px}.draw-eyebrow{font-size:11px;letter-spacing:.17em;color:var(--accent);margin-bottom:15px}.draw-compose h2{font-size:24px;font-weight:500;margin:0 0 12px}.draw-compose>.muted{line-height:1.7;font-size:13px;margin-bottom:25px}.draw-compose label{display:block;font-size:13px;margin-bottom:9px}.draw-compose textarea,.draw-compose select,.draw-compose input[type=password]{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:12px;font:inherit}.draw-compose textarea{resize:vertical;line-height:1.7;min-height:170px;margin-bottom:22px}.draw-compose select{margin-bottom:8px}.draw-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.draw-compose #draw-model-note{font-size:12px;margin:0}.draw-upload{border:1px dashed var(--border);border-radius:9px;padding:18px;text-align:center;cursor:pointer;line-height:1.7}.draw-upload:hover{border-color:var(--accent)}.draw-upload span,.draw-upload small{display:block}.draw-upload small{color:var(--muted);font-size:10px}.draw-file-input{position:absolute;width:1px;height:1px;opacity:0}.draw-upload:focus-within{outline:2px solid var(--accent)}.draw-reference{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:7px 0}.draw-reference span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-caption{font-size:11px;color:var(--muted);line-height:1.7}.draw-settings{margin-top:24px;border-top:1px solid var(--border);padding-top:20px;font-size:12px}.draw-settings summary{cursor:pointer;display:flex;justify-content:space-between}.draw-settings summary span{color:var(--accent)}.draw-settings form{margin-top:20px}.draw-settings input{margin:8px 0 12px}.draw-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}.draw-gallery-head h2{font-size:18px;margin:0 0 8px}.draw-gallery-head p{font-size:12px;margin:0}.draw-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.draw-card{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:var(--surface)}.draw-art{aspect-ratio:1;background:color-mix(in srgb,var(--accent) 5%,var(--bg));display:grid;place-items:center;overflow:hidden}.draw-image-button{display:block;border:0!important;background:none!important;padding:0!important;width:100%;height:100%;cursor:zoom-in}.draw-image-button img{width:100%;height:100%;object-fit:contain}.draw-placeholder{text-align:center;padding:24px;color:var(--muted);font-size:12px;max-width:100%;overflow-wrap:anywhere}.draw-placeholder strong{display:block;font-size:14px;color:var(--text);font-weight:500}.draw-placeholder-icon{display:block;font-size:40px;color:var(--accent);margin-bottom:16px}.is-pending .draw-placeholder-icon{animation:draw-pulse 2s ease-in-out infinite}.draw-placeholder progress{accent-color:var(--accent);width:120px;height:4px;margin-top:20px}.draw-card-body{padding:18px}.draw-card-meta,.draw-card-footer,.draw-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.draw-card-meta span:first-child{color:var(--accent)}.draw-card-prompt{font-size:13px;line-height:1.7;margin:12px 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:3.4em}.draw-card-actions{border-top:1px solid var(--border);padding-top:12px;margin-top:14px;justify-content:flex-start;gap:18px;flex-wrap:wrap}.draw-card-actions a{text-decoration:none}.draw-empty{grid-column:1/-1;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:16px;text-align:center;padding:35px;color:var(--muted)}.draw-empty>span{font-size:60px;color:var(--accent);font-weight:300}.draw-empty h3{font-size:18px;font-weight:400;color:var(--text);margin:25px 0 8px}.draw-empty p{font-size:13px}.draw-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:24px 0;font-size:12px}.draw-preview{width:min(960px,92vw);max-height:92vh}.draw-preview>img{display:block;max-height:65vh;max-width:100%;margin:0 auto;object-fit:contain}.draw-preview>p{line-height:1.7;font-size:13px;white-space:pre-wrap}.draw-preview>a{display:inline-block;text-decoration:none;padding:10px 18px;border-radius:8px}.draw-compose #draw-submit{display:flex;justify-content:space-between;padding:14px 18px;margin-top:20px}.draw-compose:focus-within{scroll-margin-top:20px}@keyframes draw-pulse{50%{opacity:.4;transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.is-pending .draw-placeholder-icon{animation:none}}@media(max-width:1100px){.draw-layout{grid-template-columns:300px minmax(0,1fr);gap:20px}.draw-gallery{grid-template-columns:1fr}}@media(max-width:760px){.draw-layout{grid-template-columns:1fr}.draw-compose{position:static}.draw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.draw-gallery{grid-template-columns:1fr}}
