@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@300;400;500&display=swap";:root{color-scheme:light;--sidebar-bg: #1d1c19;--canvas: #f2f0eb;--surface: #fcfbf8;--surface-2: #f6f3ee;--ink: #181713;--mid: #68635c;--faint: #a39c95;--line: #e3ddd5;--line-2: #d1cabf;--hover: #ece6dd;--accent: #26231d;--success: #355b37;--success-bg: #eaf5eb;--error: #a12626;--error-bg: #fff0f0;--error-line: #f0c7c7;--warning-bg: #f5f0e3;--warning: #7a5d12;--sidebar-w: 236px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}img{display:block;max-width:100%}a{color:inherit}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--sidebar-bg);color:#ece8e1;position:sticky;top:0;height:100vh}.sidebar-brand{padding:1.8rem 1.4rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand-name{font-family:Cormorant Garamond,serif;font-size:1.5rem;line-height:1}.sidebar-brand-label,.sidebar-user-email{margin-top:.35rem;color:#938e87;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.sidebar-nav,.sidebar-footer{display:flex;flex-direction:column;gap:.4rem;padding:1rem .9rem}.sidebar-nav{flex:1}.sidebar-nav-label{padding:0 .7rem;color:#938e87;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.sidebar-link{display:flex;align-items:center;gap:.7rem;width:100%;border:none;border-radius:8px;background:transparent;color:#bcb4ab;padding:.7rem .85rem;cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease}.sidebar-link:hover,.sidebar-link.active{background:#ffffff14;color:#fffdf9}.sidebar-link-icon{width:15px;height:15px;flex-shrink:0;opacity:.8}.sidebar-pill{margin-left:auto;padding:.1rem .45rem;border-radius:999px;background:#ffffff14;font-size:.72rem}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.content-header{padding:1.8rem 2.4rem 1.25rem;border-bottom:1px solid var(--line);background:#fcfbf8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content-header h1{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:300;line-height:1.05}.content-header-sub{margin:.35rem 0 0;color:var(--mid);font-size:.92rem}.content-body{flex:1;padding:1.75rem 2.4rem 2.4rem}.content-body-wide{max-width:1320px}.feature-panel,.photo-card,.queue-item{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 10px 30px #1817130a}.feature-panel{margin-bottom:1.25rem;padding:1rem 1rem 1.1rem}.organizer-panel{background:linear-gradient(180deg,#ffffffb8,#fff0) top/100% 90px no-repeat,var(--surface)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.section-header h2{margin:0;font-size:1rem;font-weight:400}.section-header p{margin:.2rem 0 0;color:var(--mid);font-size:.85rem}.rotation-settings{display:grid;grid-template-columns:minmax(220px,280px) auto;gap:.9rem 1rem;align-items:end;margin-bottom:1rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#f9f6f0,#f4efe7)}.rotation-field{margin:0}.rotation-input-row{display:inline-flex;align-items:center;gap:.7rem}.rotation-input-row input{width:100%;max-width:120px}.rotation-unit,.rotation-note{color:var(--mid);font-size:.84rem}.rotation-note{grid-column:1 / -1;margin:0}.library-list,.queue-list,.upload-stack{display:grid;gap:1rem}.library-row{min-width:0}.organizer-chip-grid,.organizer-library-list{display:grid;gap:.85rem}.organizer-chip-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.organizer-chip,.organizer-row{width:100%;border:1px solid var(--line);background:var(--surface-2);color:inherit;cursor:grab;touch-action:none;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease,opacity .14s ease}.organizer-chip:focus-visible,.organizer-row:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #26231d1a}.organizer-chip.is-over,.organizer-row.is-over{border-color:var(--accent);background:#f0e8dc;box-shadow:0 14px 24px #18171314}.organizer-chip.is-dragging,.organizer-row.is-dragging{opacity:.38}.organizer-chip.is-overlay,.organizer-row.is-overlay{cursor:grabbing;box-shadow:0 24px 50px #1817132e;opacity:1}.organizer-chip{display:grid;grid-template-columns:auto 56px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem .85rem;border-radius:18px;text-align:left}.organizer-chip-index,.organizer-row-index{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:2.1rem;padding:0 .5rem;border-radius:999px;background:#fff;color:var(--accent);font-size:.78rem;font-weight:500}.organizer-chip-thumb{width:56px;height:56px;object-fit:cover;border-radius:12px;background:#e9e2d7}.organizer-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.organizer-grip{color:var(--faint);font-size:1rem;letter-spacing:.1em}.organizer-row{display:grid;grid-template-columns:auto 78px minmax(0,1fr) auto auto;align-items:center;gap:.9rem;padding:.8rem .95rem;border-radius:16px;text-align:left}.organizer-row-thumb{width:78px;aspect-ratio:4 / 5;object-fit:cover;border-radius:12px;background:#e9e2d7}.organizer-row-copy{display:grid;gap:.22rem;min-width:0}.organizer-row-title{font-size:.98rem;font-weight:400}.organizer-row-meta{min-width:0;overflow:hidden;color:var(--mid);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.organizer-row-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .65rem;border-radius:999px;background:#e8ede6;color:var(--success);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.organizer-row-grip{justify-self:end}.organizer-row-actions{display:inline-flex;align-items:center;gap:.55rem;justify-self:end}.organizer-edit-btn{min-width:4.8rem;padding-inline:.9rem}.organizer-grip-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;border:1px solid var(--line-2);border-radius:999px;background:#fff;cursor:grab;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.organizer-grip-button:hover:not(:disabled),.organizer-grip-button:focus-visible{border-color:var(--accent);background:var(--hover);box-shadow:0 0 0 3px #26231d14;outline:none}.photo-card{padding:1rem}.photo-card-summary{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1rem}.photo-card-thumb-wrap{display:grid;gap:.6rem;align-content:start}.drag-handle{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;padding:0 .55rem;height:2rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--mid);font-size:.76rem;font-weight:500}.photo-card-thumb{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:10px;background:var(--surface-2)}.photo-card-title-row{display:flex;justify-content:space-between;gap:1rem}.photo-card-title-row h3{margin:0;font-size:1.15rem;font-weight:400}.photo-card-meta,.photo-card-description,.save-note,.queue-item-meta span,.queue-stats,.ai-hint,.empty-state{color:var(--mid)}.photo-card-meta{margin:.25rem 0 0;font-size:.82rem}.photo-card-description{margin:.85rem 0 0;line-height:1.7}.photo-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.26rem .55rem;border-radius:999px;background:#efe9df;color:var(--accent);font-size:.74rem}.badge-soft{background:var(--surface-2);color:var(--mid)}.photo-card-body{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.metadata-editor{display:grid;gap:1rem}.panel-section{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:1rem}.section-heading{margin-bottom:.85rem;color:var(--ink);font-size:.84rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.field-grid{display:grid;gap:.8rem}.field-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:.35rem}.field-label{color:var(--mid);font-size:.78rem}.field input,.field textarea{width:100%;border:1px solid var(--line-2);border-radius:9px;background:#fff;padding:.72rem .85rem;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #26231d14}.field textarea{resize:vertical;min-height:108px}.checkbox-row{display:flex;align-items:center;gap:.7rem;margin-top:1rem}.checkbox-row label{color:var(--mid)}.checkbox-row input[type=checkbox]{width:16px;height:16px}.ai-box{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.action-row,.panel-actions,.queue-toolbar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.queue-toolbar{justify-content:space-between}.queue-stats{display:flex;flex-wrap:wrap;gap:1rem;font-size:.82rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--mid);padding:.65rem 1rem;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.btn:hover:not(:disabled){background:var(--hover);border-color:var(--accent);color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fffdf9}.btn-primary:hover:not(:disabled){background:#302c24;border-color:#302c24;color:#fffdf9}.btn-ghost-danger{color:var(--error);border-color:#efc8c8}.btn-ghost-danger:hover:not(:disabled){background:var(--error-bg);border-color:#e49d9d;color:var(--error)}.dropzone{width:100%;border:1.5px dashed var(--line-2);border-radius:16px;background:var(--surface);cursor:pointer;transition:border-color .14s ease,background .14s ease}.dropzone:hover,.dropzone-active{border-color:var(--accent);background:var(--hover)}.dropzone-large{min-height:180px;display:grid;place-items:center}.dropzone-copy{padding:1.5rem;text-align:center}.dropzone-copy strong{display:block;font-family:Cormorant Garamond,serif;font-size:1.7rem;font-weight:300}.dropzone-copy span{display:block;margin-top:.4rem;color:var(--mid)}.queue-item{padding:1rem}.queue-item-media{display:grid;grid-template-columns:140px minmax(0,1fr);gap:1rem;margin-bottom:1rem}.queue-item-media img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:10px}.queue-item-meta{display:grid;gap:.25rem;align-content:start}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.2rem .55rem;border-radius:999px;font-size:.74rem;background:var(--warning-bg);color:var(--warning)}.status-ready,.status-generating{background:var(--warning-bg);color:var(--warning)}.status-uploading{background:#e9eef9;color:#35548c}.status-success{background:var(--success-bg);color:var(--success)}.status-error{background:var(--error-bg);color:var(--error)}.error-banner{margin:0;border:1px solid var(--error-line);border-radius:10px;background:var(--error-bg);color:var(--error);padding:.75rem .9rem}.save-note,.empty-state{padding:.9rem 0;font-size:.88rem}.auth-shell,.loading-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(100%,420px);border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:2.25rem}.auth-card h1{margin:0;font-family:Cormorant Garamond,serif;font-size:2.25rem;font-weight:300}.auth-sub{margin-top:.5rem;color:var(--mid)}.auth-form{display:grid;gap:1rem;margin-top:1.5rem}.loading-card{display:inline-flex;align-items:center;gap:.7rem;color:var(--mid)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1.5rem;background:#1817137a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{width:min(1120px,100%);max-height:min(92vh,980px);overflow:auto;border:1px solid rgba(255,255,255,.45);border-radius:24px;background:var(--surface);box-shadow:0 30px 80px #18171347}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.4rem}.modal-header{position:sticky;top:0;z-index:1;background:#fcfbf8f0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-header-copy h2{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,2.6rem);font-weight:300;line-height:1}.modal-header-copy p,.modal-eyebrow,.modal-media-description{margin:0;color:var(--mid)}.modal-eyebrow{margin-bottom:.35rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.modal-media-strip{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1.25rem;padding:1.4rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8f5ef,transparent)}.modal-thumb{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:18px;background:#e9e2d7}.modal-media-copy{display:grid;gap:.9rem;align-content:start}.modal-media-description{line-height:1.7}.modal-body{padding:1.4rem}.modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#f9f6f0,#f4efe7)}.modal-toolbar-copy{color:var(--mid);font-size:.88rem;line-height:1.6}.modal-actions{position:sticky;bottom:0;background:#fcfbf8f5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spinner{width:14px;height:14px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.field-grid.two-col,.field-grid.three-col,.photo-card-summary,.queue-item-media,.organizer-chip-grid{grid-template-columns:1fr}.organizer-row{grid-template-columns:auto 64px minmax(0,1fr) auto}.organizer-row-badge{grid-column:3;justify-self:start}.organizer-row-grip{grid-column:4;grid-row:1 / span 2;align-self:center}.modal-media-strip{grid-template-columns:140px minmax(0,1fr)}.modal-toolbar{align-items:start;flex-direction:column}.rotation-settings{grid-template-columns:1fr;align-items:stretch}.content-header,.content-body{padding-left:1.4rem;padding-right:1.4rem}}@media(max-width:760px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.organizer-chip{grid-template-columns:auto 48px minmax(0,1fr) auto}.organizer-chip-thumb{width:48px;height:48px}.organizer-row{grid-template-columns:auto 56px minmax(0,1fr);align-items:start}.organizer-row-thumb{width:56px}.organizer-row-badge{grid-column:3;grid-row:2;margin-top:.35rem}.organizer-row-grip{justify-self:center}.organizer-row-actions{grid-column:1 / -1;grid-row:3;justify-self:stretch;justify-content:space-between}.organizer-edit-btn{min-width:0}.modal-backdrop{padding:0}.modal-card{height:100vh;max-height:none;border-radius:0}.modal-header,.modal-actions,.modal-body,.modal-media-strip{padding-left:1rem;padding-right:1rem}.modal-media-strip{grid-template-columns:1fr}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08)}}