.gloria-page{padding:clamp(18px,3vw,42px);max-width:1320px;margin:auto}.gloria-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;border-radius:22px;background:linear-gradient(135deg,#0d2449,#6144c9);color:#fff}.gloria-hero span{font-weight:800;letter-spacing:.12em;font-size:12px}.gloria-hero h1{margin:8px 0;font-size:clamp(28px,4vw,46px)}.gloria-hero p{margin:0;color:#e7e2ff}.gloria-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;margin-top:18px}.gloria-card{background:var(--surface,#fff);border:1px solid #dbe3f3;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(20,35,70,.06)}.gloria-card>i{font-size:32px;color:#6e56cf}.gloria-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.gloria-toolbar #gloria-state{font-weight:700;color:#536277}.gloria-canvas-wrap{position:relative;background:#111d32;border-radius:12px;aspect-ratio:16/9;overflow:hidden}.gloria-canvas-wrap video{width:100%;height:100%;object-fit:contain}.gloria-preview p,.gloria-limit{color:#65728a;font-size:14px;line-height:1.6}.gloria-share-tip{margin:12px 0 0;padding:11px 13px;border-radius:10px;background:#fff8e8;border:1px solid #f2d496;color:#74541e;font-size:14px;line-height:1.6}.gloria-question{display:grid;gap:8px;font-weight:700;margin:18px 0 10px}.gloria-question input{border:1px solid #cfd8e8;border-radius:10px;padding:12px;font:inherit}.gloria-advice,.gloria-transcript{white-space:pre-wrap;line-height:1.7;background:#f5f7fc;border-radius:12px;padding:14px;min-height:80px}.gloria-transcript{margin-top:16px;max-height:200px;overflow:auto}.gloria-masks{display:grid;gap:8px;margin:10px 0}.gloria-mask-row{display:flex;gap:8px;align-items:center}.gloria-mask-row input{width:80px;padding:5px}.gloria-mask-row button{border:0;background:none;color:#b42318}.gloria-mask-target{position:absolute;border:3px solid #f44;border-radius:50%;width:32px;height:32px;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff;text-shadow:0 1px 2px #000}.gloria-mask-target span{position:absolute;top:36px;left:0;background:#111;color:#fff;padding:3px 6px;border-radius:5px;white-space:nowrap;font-size:12px}@media(max-width:800px){.gloria-grid{grid-template-columns:1fr}.gloria-hero{align-items:flex-start;flex-direction:column}.gloria-toolbar .btn{flex:1 1 42%}}