.media-page{padding-bottom:60px}.media-heading{max-width:760px;margin:26px 0 32px}.media-heading h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em;margin:12px 0}.media-heading p{font-size:1.05rem;line-height:1.7;color:var(--muted)}.media-private{font-size:.875rem;color:var(--blue);display:block;margin-top:18px}.media-workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.media-panel{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface-ffffff);min-width:0}.media-panel h2{font-size:1.1rem;margin:0 0 24px;letter-spacing:-.02em}.media-panel h3{font-size:1.25rem}.media-panel p{font-size:1rem;line-height:1.7;color:var(--muted)}.media-panel label{font-size:.9rem;display:block;margin:16px 0 8px}.media-panel input:not([type=radio]):not([type=checkbox]),.media-panel select{width:100%;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:10px;background:var(--surface-ffffff);color:var(--ink);padding:12px;font:inherit}.media-drop{border:1px dashed var(--blue);border-radius:14px;padding:26px 18px;text-align:center;cursor:pointer;background:color-mix(in srgb,var(--blue) 4%,var(--surface-ffffff));transition:background .18s}.media-drop.dragging{background:color-mix(in srgb,var(--blue) 12%,var(--surface-ffffff))}.media-drop svg{width:30px;height:30px;display:block;margin:0 auto 14px;color:var(--blue)}.media-drop strong,.media-drop span{display:block}.media-drop span{font-size:.875rem;color:var(--muted);line-height:1.6;margin:8px 0 16px}.media-drop input{font-size:.875rem!important;padding:6px!important;border:0!important;background:transparent!important}.media-panel fieldset{border:0;padding:0;margin:22px 0}.media-panel legend{font-size:.9rem;font-weight:600;margin-bottom:4px}.media-panel .media-choice{display:flex;gap:12px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:12px;margin:10px 0;cursor:pointer}.media-choice:has(input:checked){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 5%,var(--surface-ffffff))}.media-choice input{accent-color:var(--blue);margin-top:3px}.media-choice small{display:block;font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:5px}.media-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.media-page .button{min-height:46px;font-size:.9rem;white-space:normal;text-align:center}.media-page button:disabled{opacity:.5;cursor:not-allowed}.media-notice{padding:16px;background:color-mix(in srgb,var(--blue) 6%,var(--surface-ffffff));border-left:3px solid var(--blue);border-radius:8px}.media-notice label{margin:0;line-height:1.6}.media-notice p{font-size:.875rem}.media-page progress{width:100%;margin-top:20px;accent-color:var(--blue)}.media-empty-icon{display:block;margin:38px auto 22px;width:52px;color:var(--blue)}.media-empty-icon svg{width:52px;height:52px}.media-result #pdf-empty,.mood-preview #mood-empty{text-align:center;padding:20px 10px 60px;max-width:440px;margin:auto}.media-stats{display:grid;gap:18px}.media-stats>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.media-stats dt{color:var(--muted)}.media-stats dd{font-weight:600;margin:0}.media-sizebar{height:12px;border-radius:6px;background:var(--line);overflow:hidden;margin-top:22px}.media-sizebar span{display:block;height:100%;background:var(--blue)}.media-guide{max-width:860px;margin-top:52px;line-height:1.8;font-size:1rem}.media-guide h2{font-size:1.5rem}.media-guide h3{font-size:1.1rem;margin:24px 0 10px}.media-guide p{color:var(--muted)}.media-guide a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.media-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.media-hub .media-panel{display:block;color:inherit;text-decoration:none}.media-hub h2{margin:20px 0 12px}.media-live{transition:border-color .2s}.media-live:hover{border-color:var(--blue)}.media-live svg{width:36px;height:36px;color:var(--blue);margin-bottom:18px}.media-live strong{color:var(--blue);font-size:.9rem}.media-badge{display:block;font-size:.8rem;color:var(--muted)}.media-future{background:transparent}.mood-workspace{grid-template-columns:minmax(290px,.8fr) minmax(0,1.3fr)}.media-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.material-card{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.material-card img{width:100%;height:110px;object-fit:contain;display:block;background:var(--surface-f1f4fa)}.material-card p{font-size:.8rem;padding:0 10px;overflow-wrap:anywhere;margin:8px 0}.material-card .material-actions{display:flex;gap:2px;justify-content:space-around;padding:0 5px 8px}.material-card button{border:0;background:transparent;color:var(--blue);min-height:42px;font-size:.875rem;cursor:pointer}.mood-preview canvas{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--line)}#mood-generate{margin-top:22px;width:100%}#pdf-info{overflow-wrap:anywhere}.media-page :is(a,button,input,select):focus-visible{outline:2px solid var(--blue);outline-offset:4px}.media-page [hidden]{display:none!important}
@media(max-width:950px){.mood-workspace{grid-template-columns:minmax(270px,1fr) 1.2fr}.media-panel{padding:22px}.media-hub{grid-template-columns:1fr 1fr}.media-fields{grid-template-columns:1fr}}
@media(max-width:720px){.media-workspace,.mood-workspace{grid-template-columns:1fr}.media-heading{margin-top:20px}.media-panel{padding:20px}.media-hub{grid-template-columns:1fr}.media-stats{font-size:.9rem}.media-guide{margin-top:36px}.media-actions .button{flex:1 1 150px}}
.mood-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mood-palette label{margin:8px 0;text-align:center;min-width:0}.mood-palette input[type=color]{padding:4px!important;height:48px;cursor:pointer}.mood-palette span,.mood-palette small{display:block;margin-top:5px;font-size:.75rem}.mood-palette small{color:var(--muted)}.media-panel .mood-palette-note{font-size:.825rem;line-height:1.6}.mood-preview{position:sticky;top:24px}@media(max-width:720px){.mood-preview{position:static}}
@media(prefers-reduced-motion:reduce){.media-page *{scroll-behavior:auto!important;transition:none!important}}
.mood-preparation{margin-top:36px;border:1px solid var(--line);border-radius:14px;padding:20px}.mood-preparation>summary{cursor:pointer;font-weight:600;min-height:44px}.mood-preparation .mood-ai{background:#08111e;color:#e6ebf4;border-radius:12px;--ink:#e6ebf4;--surface-ffffff:#101b2a}.mood-preparation #mai-heading{font-size:clamp(24px,3vw,32px)}.mood-preparation .mai-layout h3{font-size:19px}.mood-preparation .mai-consent{display:none}