:root{--bg: #f4f6fb;--bg-gradient: radial-gradient(circle at 20% 20%, #fef3f1, #f4f6fb 55%);--card-bg: #ffffff;--card-border: #e3e7f2;--text-primary: #10172a;--text-secondary: #5b6275;--text-white: #f4f6fb;--accent: #5b6cf0;--accent-dark: #4253d8;--danger: #f2555f;--danger-dark: #d33a46;--grid-gap: 14px;--radius-lg: 18px;--radius-md: 12px;--shadow-soft: 0 15px 40px rgba(16, 23, 42, .07);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;padding:32px 20px 48px}.app-shell{max-width:1100px;margin:0 auto}.hero{text-align:center;margin-bottom:32px}.hero__eyebrow{display:inline-flex;padding:4px 12px;border-radius:999px;border:1px solid rgba(91,108,240,.35);color:var(--accent);font-weight:600;font-size:.9rem;margin-bottom:14px}.hero h1{font-size:clamp(1.9rem,3vw,2.8rem);margin:10px 0;line-height:1.2}.hero__subtitle{max-width:700px;margin:0 auto;color:var(--text-secondary)}.hero__badges{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero__badges span{padding:6px 14px;border-radius:999px;background:#5b6cf014;color:var(--accent);font-size:.85rem;font-weight:500}.notifier{position:fixed;top:24px;left:50%;transform:translate(-50%);max-width:520px;width:calc(100% - 32px);z-index:1100;padding:14px 18px;border-radius:var(--radius-md);background:#f0f2ff;color:var(--accent-dark);box-shadow:var(--shadow-soft);border:1px solid rgba(91,108,240,.25);transition:opacity .2s ease}.notifier[data-type=error]{background:#ffeef0;border-color:#f2555f66;color:var(--danger-dark)}.layout{display:grid;gap:24px}.panel,.grid-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:24px 28px;border:1px solid var(--card-border);box-shadow:var(--shadow-soft)}.panel__header h2,.grid-section__header h2{margin:0 0 6px;font-size:1.3rem}.panel__header p,.grid-section__header p{margin:0;color:var(--text-secondary)}.controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 14px}button{font-family:inherit;font-size:1rem;font-weight:600;border-radius:999px;padding:12px 24px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}button:active{transform:translateY(1px)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 12px 25px #5b6cf059}.button-primary:hover{background:var(--accent-dark)}.button-secondary{background:#f2555f26;color:var(--danger-dark)}.button-secondary:hover{background:#f2555f40}.button-tertiary{background:#10172a0d;color:var(--text-primary);box-shadow:inset 0 0 0 1px #10172a14}.button-tertiary:hover{background:#10172a1a}.button-ghost{background:transparent;box-shadow:inset 0 0 0 1px #10172a2e}.button-ghost:hover{background:#10172a0f}.button-icon{background:#10172a0f;border-radius:999px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;border:none;cursor:pointer}.panel__hint{margin:0;color:var(--text-secondary);font-size:.95rem}#slot-counter{font-weight:600;color:var(--accent-dark)}.auth-panel{max-width:640px;margin:0 auto}.auth-tabs{display:flex;background:#10172a0a;border-radius:999px;padding:4px;margin:16px 0 20px}.auth-tab{flex:1;border:none;background:transparent;padding:10px;border-radius:999px;font-weight:600;cursor:pointer;color:var(--text-secondary);transition:background .2s ease,color .2s ease}.auth-tab.active{background:#fff;color:var(--text-primary);box-shadow:0 6px 20px #10172a14}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form[hidden]{display:none}.auth-form label{display:flex;flex-direction:column;font-size:.95rem;font-weight:600;color:var(--text-secondary);gap:6px}.auth-form input{border-radius:10px;border:1px solid var(--border-color);padding:12px;font-size:1rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b6cf033;outline:none}.auth-hint{font-size:.9rem;color:var(--text-secondary)}.session-meta{margin-bottom:20px;padding:12px 16px;border-radius:var(--radius-md);border:1px dashed rgba(16,23,42,.15);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.session-meta p{margin:0;font-size:.95rem}.user-id-tag{color:var(--text-secondary);font-size:.85rem}.session-actions{display:flex;gap:8px;flex-wrap:wrap}.history-list{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.history-item{padding:12px 14px;border-radius:14px;border:1px solid rgba(16,23,42,.1);background:#f8f9ff80;display:flex;flex-direction:column;gap:4px}.history-item__title{font-weight:600;font-size:.95rem}.history-item__meta{font-size:.85rem;color:var(--text-secondary)}.history-empty{text-align:center;color:var(--text-secondary);padding:32px 12px}.upload-progress{position:relative;margin-top:12px;border-radius:999px;background:#10172a14;overflow:hidden;display:none;height:32px}.upload-progress[aria-hidden=false]{display:block}.upload-progress__bar{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-dark));border-radius:inherit;transition:width .2s ease}.upload-progress span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase}.upload-progress.is-over-half span{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.3)}.upload-progress.indeterminate .upload-progress__bar{width:30%;animation:uploadPulse 1.4s infinite ease-in-out}@keyframes uploadPulse{0%{transform:translate(-30%)}50%{transform:translate(120%)}to{transform:translate(-30%)}}.planner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap);min-height:320px}.planner-grid[data-empty=true]{border:2px dashed rgba(16,23,42,.1);border-radius:var(--radius-md)}.empty-state{margin-top:18px;color:var(--text-secondary);text-align:center}.planner-grid article{list-style:none}.grid-item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4 / 5;background:#eef0fa;cursor:grab;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:inset 0 0 0 1px #10172a0d}.grid-item img{width:100%;height:100%;object-fit:cover;display:block}.grid-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 60%,#00000026);opacity:0;transition:opacity .2s ease}.grid-item:hover:after{opacity:1}.grid-item.dragging{opacity:.65;cursor:grabbing;box-shadow:0 20px 45px #10172a33;transform:scale(1.03)}.grid-item__delete{position:absolute;top:10px;right:10px;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:50%;background:#f2555feb;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease;z-index:10;box-shadow:0 2px 10px #f2555f73}.grid-item__delete .ph{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.grid-item:hover .grid-item__delete{opacity:1}.grid-item__delete:hover{background:var(--danger);transform:scale(1.1)}.grid-item__delete:active{transform:scale(.95)}.planner-grid.drag-active{border:2px dashed rgba(91,108,240,.4)}.app-footer{margin-top:32px;text-align:center;color:var(--text-secondary);font-size:.95rem}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:24px;z-index:1000}.preview-modal[aria-hidden=false]{display:flex}.preview-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#10172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-modal__content{position:relative;background:#fff;border-radius:24px;padding:24px;width:min(420px,90vw);max-height:90vh;display:flex;flex-direction:column;gap:16px;box-shadow:0 25px 65px #10172a59}.preview-modal__header{display:flex;justify-content:space-between;align-items:center}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:18px;overflow:hidden;border:1px solid rgba(16,23,42,.08);max-height:60vh;overflow-y:auto}.preview-grid img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4 / 5}.preview-modal__footer{font-size:.9rem;color:var(--text-secondary);text-align:center}@media (max-width: 768px){body{padding:24px 16px}.panel,.grid-section{padding:20px}.planner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 520px){.controls{flex-direction:column}.planner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.layout>#planner-area{display:flex;flex-direction:column;gap:20px}#planner-area[hidden]{display:none}.post-select-modal__content{width:min(800px,90vw);max-height:90vh}.post-preview-modal__content{width:min(500px,90vw);max-height:90vh}.post-select-info{padding:12px 16px;background:#5b6cf014;border-radius:var(--radius-md);margin-bottom:16px}.post-select-info p{margin:0;font-size:.95rem;color:var(--text-primary);font-weight:500}#post-select-counter{font-weight:700;color:var(--accent-dark)}.post-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:50vh;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(91,108,240,.3) transparent}.post-select-grid::-webkit-scrollbar{width:8px}.post-select-grid::-webkit-scrollbar-track{background:transparent}.post-select-grid::-webkit-scrollbar-thumb{background:#5b6cf04d;border-radius:4px}.post-select-grid::-webkit-scrollbar-thumb:hover{background:#5b6cf080}.post-select-item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4 / 5;background:#eef0fa;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:inset 0 0 0 2px #10172a1a}.post-select-item img{width:100%;height:100%;object-fit:cover;display:block}.post-select-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#5b6cf04d;opacity:0;transition:opacity .2s ease;z-index:1}.post-select-item:hover:before{opacity:1}.post-select-item.selected{box-shadow:inset 0 0 0 3px var(--accent),0 0 0 3px #5b6cf033}.post-select-item.selected:before{opacity:.5;background:#5b6cf080}.post-select-item.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:28px;height:28px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;z-index:2;box-shadow:0 2px 8px #5b6cf066}.post-select-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.post-select-actions button:disabled{opacity:.5;cursor:not-allowed}.post-select-actions button:disabled:hover{background:var(--accent);transform:none}.planner-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--card-border)}.planner-tab{background:none;border:none;padding:.75rem 0;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s}.planner-tab.active{color:var(--accent)}.planner-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--accent)}