:root{--pink:#f2056f;--pink2:#ff5a9e;--blush:#ffd8e7;--ink:#111;--paper:#fff;--cream:#fff7fa;--line:#ded8da;--muted:#6d6467;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 var(--sans)}a{color:inherit}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,5vw,4rem);background:#fff;border-bottom:1px solid var(--line)}.portal-header img{width:7rem}.portal-header nav{display:flex;gap:1rem;align-items:center}.portal-header a{text-decoration:none;font-weight:700}.portal-main{width:min(1180px,calc(100% - 2rem));margin:2rem auto 5rem}.portal-title{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.eyebrow{color:var(--pink);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin:0 0 .5rem}.portal-title h1{font:700 clamp(2.5rem,5vw,4.6rem)/.95 var(--serif);margin:0}.panel{background:#fff;border:1px solid var(--line);padding:clamp(1.25rem,3vw,2rem);margin-bottom:1.5rem}.auth-grid,.editor-grid,.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.stats{grid-template-columns:repeat(3,1fr)}.stat{background:var(--ink);color:#fff;padding:1.3rem}.stat strong{display:block;font:700 2rem var(--serif);color:var(--pink2)}h2,h3{font-family:var(--serif)}form{display:grid;gap:.9rem}label{font-weight:700;font-size:.9rem}input,textarea,select{width:100%;padding:.8rem;border:1px solid var(--line);background:#fff;font:inherit}textarea{min-height:8rem;resize:vertical}.check{display:flex;align-items:center;gap:.6rem}.check input{width:auto}.button{display:inline-flex;align-items:center;justify-content:center;border:0;padding:.85rem 1.15rem;background:var(--pink);color:#fff;font-weight:800;cursor:pointer;text-decoration:none}.button.secondary{background:var(--ink)}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--ink)}.button.danger{background:#8d173e}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.status{min-height:1.5rem;color:#8d173e;font-weight:700}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab{border:1px solid var(--ink);background:#fff;padding:.7rem 1rem;font-weight:800;cursor:pointer}.tab.active{background:var(--ink);color:#fff}.item-list{display:grid;gap:.8rem}.item{display:grid;grid-template-columns:5rem 1fr auto;gap:1rem;align-items:center;border:1px solid var(--line);padding:1rem}.item img{width:5rem;height:5rem;object-fit:contain;background:var(--cream)}.item p{margin:.25rem 0;color:var(--muted)}.item-actions{display:flex;gap:.45rem;flex-wrap:wrap}.item-actions button{padding:.5rem .7rem}.hidden{display:none!important}.order{border:1px solid var(--line);background:#fff;margin-bottom:1rem}.order-head{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.order-items{padding:1rem}.order-item{display:grid;grid-template-columns:4rem 1fr auto;gap:1rem;align-items:center;padding:.6rem 0}.order-item img{width:4rem;height:4rem;object-fit:contain;background:var(--cream)}.order-tools{padding:1rem;border-top:1px solid var(--line);display:flex;gap:.6rem;flex-wrap:wrap}.modal{border:0;width:min(38rem,calc(100% - 2rem));padding:0}.modal::backdrop{background:rgba(0,0,0,.6)}.modal-inner{padding:2rem}.close{float:right;border:0;background:transparent;font-size:1.8rem;cursor:pointer}.note{color:var(--muted);font-size:.9rem}.empty{text-align:center;padding:3rem;color:var(--muted)}
@media(max-width:720px){.auth-grid,.editor-grid,.stats{grid-template-columns:1fr}.portal-title{align-items:flex-start;flex-direction:column}.item{grid-template-columns:4rem 1fr}.item img{width:4rem;height:4rem}.item-actions{grid-column:1/-1}.order-head{flex-direction:column}}
.name-grid{display:grid;grid-template-columns:minmax(0,1fr) 5rem minmax(0,1fr);gap:1rem}
.product-image-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.8rem}.product-image-tile{position:relative;border:1px solid var(--line);background:var(--cream);padding:.45rem}.product-image-tile img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.product-image-tile:first-child::after{content:"Main";position:absolute;left:.45rem;top:.45rem;background:var(--ink);color:#fff;padding:.18rem .4rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.4rem}.photo-actions button{border:1px solid var(--line);background:#fff;padding:.35rem;cursor:pointer;font-weight:700}.photo-actions .remove-photo{grid-column:1/-1;color:#8d173e}.photo-count{font-size:.82rem;color:var(--muted);margin:.5rem 0 0}
@media(max-width:720px){.name-grid{grid-template-columns:1fr}}
.variation-builder{border:1px solid var(--line);padding:1rem;margin:0}.variation-builder legend{font:700 1.2rem var(--serif);padding:0 .4rem}.option-group-row{display:grid;grid-template-columns:.7fr 1.3fr auto;gap:.65rem;align-items:end;padding:.8rem 0;border-bottom:1px solid var(--line)}.option-group-row:last-child{border-bottom:0}.variant-editor{display:grid;gap:.55rem;max-height:26rem;overflow:auto;border:1px solid var(--line);padding:.6rem}.variant-row{display:grid;grid-template-columns:minmax(12rem,1.4fr) minmax(8rem,.7fr) minmax(9rem,.7fr);gap:.65rem;align-items:end;padding:.65rem;background:var(--cream)}.variant-row label{font-size:.78rem}.product-image-list{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-rules{display:grid;gap:.35rem;margin-top:.5rem}.photo-rules label{font-size:.72rem}.photo-rules select{padding:.4rem;font-size:.78rem}
@media(max-width:720px){.option-group-row,.variant-row{grid-template-columns:1fr}.product-image-list{grid-template-columns:1fr 1fr}}
.rich-editor{position:relative;border:1px solid var(--line);background:#fff}.rich-toolbar{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;padding:.55rem;border-bottom:1px solid var(--line);background:#fff7fa}.rich-toolbar button,.rich-toolbar select{width:auto;min-height:36px;margin:0;padding:.42rem .62rem;border:1px solid #d8ccd1;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:.86rem}.rich-toolbar button:hover,.rich-toolbar button:focus-visible{border-color:var(--pink);color:#b0004d}.rich-body{min-height:280px;padding:1rem;outline:0;line-height:1.65}.rich-body:empty:before{content:attr(data-placeholder);color:#8a8a8a}.rich-body h2,.rich-body h3{font-family:var(--serif)}.rich-body img{display:block;max-width:100%;height:auto;margin:1rem auto;border-radius:8px}.rich-body blockquote{margin:1rem 0;padding:.25rem 1rem;border-left:4px solid var(--pink);color:#555}.emoji-picker{position:absolute;z-index:5;top:54px;right:.6rem;width:min(310px,calc(100% - 1.2rem));padding:.65rem;display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px #0002}.emoji-picker.hidden{display:none}.emoji-picker button{width:100%;min-height:36px;padding:.2rem;border:0;border-radius:7px;background:transparent;font-size:1.25rem}.emoji-picker button:hover,.emoji-picker button:focus-visible{background:#ffe5f0}