.mood-ai{max-width:1240px;margin:auto;padding:32px 20px 64px;color:var(--ink,#e6ebf4);font:400 16px/1.6 system-ui,sans-serif}.mood-ai *{box-sizing:border-box}.mood-ai h1{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.04em;margin:10px 0 16px}.mood-ai h2{font-size:19px}.mood-ai p{max-width:75ch}.mai-notice{padding:12px 16px;border-left:3px solid #819dcc;background:#163047;border-radius:6px;color:#e6ebf4}.mai-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:start;margin-top:28px}.mai-controls,.mai-result{min-width:0;padding:24px;border:1px solid #334154;border-radius:16px;background:var(--surface-ffffff,#101b2a)}.mood-ai :is(input,select,button,a){font:inherit}.mood-ai :is(input:not([type=checkbox]):not([type=color]),select){width:100%;padding:10px;min-height:44px;background:transparent;color:inherit;border:1px solid #61738b;border-radius:8px}.mood-ai select option{background:#101b2a;color:#e6ebf4}.mood-ai label{display:block;margin:12px 0}.mood-ai button,.mood-ai a{min-height:44px;padding:9px 12px;border:1px solid #61738b;border-radius:8px;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.mood-ai button:disabled{opacity:.55;cursor:not-allowed}.mood-ai :focus-visible{outline:2px solid #a3c9ff;outline-offset:3px}.mai-drop{padding:18px;border:1px dashed #819dcc;border-radius:12px}.mai-drop small{display:block;margin-top:10px}.mai-materials{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mai-material{min-width:0;border:1px solid #334154;border-radius:10px;padding:12px}.mai-material img{width:100%;height:140px;object-fit:contain;background:#081321}.mai-material p{overflow-wrap:anywhere;font-size:13px}.mai-crop{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mai-crop label{font-size:12px}.mai-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.mai-consent{font-size:14px}.mai-empty{min-height:280px;display:flex;flex-direction:column;justify-content:center;padding:25px;background:#081727;border-radius:12px;text-align:center}.mai-result>img{width:100%;height:auto;border-radius:8px;display:block}.mai-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mai-palette label{min-width:0}.mai-palette input{width:100%;height:44px;background:transparent;border:0}.mai-palette button{font-size:12px;width:100%;padding:6px}.mai-palette small{display:block;font-size:12px}.mood-ai fieldset{border:0;margin:25px 0;padding:0}.mood-ai [role=alert]{color:#ffb5b5}.mood-ai [hidden]{display:none!important}@media(max-width:760px){.mai-layout{grid-template-columns:1fr}.mai-controls,.mai-result{padding:18px}.mood-ai{padding:20px 12px}.mai-materials{gap:8px}.mai-material{padding:8px}}@media(prefers-reduced-motion:reduce){.mood-ai *{scroll-behavior:auto!important}}
@media(max-width:480px){.mai-materials{grid-template-columns:1fr}.mai-material{padding:12px}.mai-material img{height:160px}}