@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=DM+Sans:wght@300..700&family=Fraunces:opsz,wght@9..144,300..700&display=swap";:root{--ink: #272925;--muted: #75766f;--line: #e6e2d9;--paper: #fffdf9;--canvas: #f4f1ea;--coral: #c96f67;--coral-dark: #a95751;--sage: #697c69;--font-sans: "DM Sans";--font-display: "Fraunces";--font-handwritten: "Caveat"}*{box-sizing:border-box}body{margin:0;background:#eeece6;color:var(--ink);font-family:var(--font-sans),sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,.new-photo:focus-within{outline:3px solid rgba(201,111,103,.26);outline-offset:2px}.app-shell{min-height:100vh;padding:24px}.topbar,.workspace,.posting-card,.history-view{max-width:1320px;margin-inline:auto}.topbar{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;background:var(--paper);border:1px solid var(--line);border-radius:20px 20px 0 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#f0ddd8;color:var(--coral-dark);display:grid;place-items:center}.brand-mark svg{width:22px;height:22px;stroke-width:1.75}.brand h1{font-family:var(--font-display),serif;font-size:20px;line-height:1;margin:0 0 5px;font-weight:600;letter-spacing:-.02em}.brand p{margin:0;font-size:11px;color:var(--muted)}.view-tabs{align-self:stretch;display:flex;gap:6px;align-items:center}.view-tabs button{height:40px;padding:0 14px;display:flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:11px;color:var(--muted);font-size:13px;cursor:pointer}.view-tabs button.active{background:#f0e6e2;color:var(--coral-dark);font-weight:650}.view-tabs svg{width:17px}.count{min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;background:#e5e3dc;color:#676861;font-size:10px}.button{border:0;border-radius:12px;cursor:pointer}.new-photo{justify-self:end;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--ink);color:#fff;font-size:13px;font-weight:650}.new-photo svg{width:17px}.new-photo input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:8px}.sign-out{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fff;color:var(--muted);font-size:10px;cursor:pointer}.workspace{display:grid;grid-template-columns:358px minmax(0,1fr);grid-template-areas:"controls preview";min-height:660px;background:var(--paper);border-inline:1px solid var(--line)}.controls{grid-area:controls;padding:28px 26px;border-right:1px solid var(--line);background:#fffefa}.controls-heading,.preview-header,.label-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.eyebrow{margin:0 0 6px;color:var(--coral-dark);text-transform:uppercase;letter-spacing:.16em;font-weight:750;font-size:9px}.controls h2,.preview-header h2,.posting-card h2{margin:0;font-family:var(--font-display),serif;font-size:21px;font-weight:560;letter-spacing:-.025em}.controls-heading>div:first-child{min-width:0}.controls-heading-actions{display:flex;align-items:center;gap:10px}.artwork-title{width:min(240px,100%);margin:0;padding:0 0 2px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--ink);font-family:var(--font-display),serif;font-size:21px;font-weight:560;letter-spacing:-.025em}.artwork-title:hover,.artwork-title:focus{border-bottom-color:var(--line);outline:0}.reset{border:0;background:none;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.control-group{padding:24px 0;border-bottom:1px solid var(--line)}.control-group label,.label-row>label{font-weight:700;font-size:12px}.label-row>span{color:var(--muted);font-size:10px}.locked{display:flex;align-items:center;gap:4px;color:var(--sage)!important}.locked svg{width:11px;height:11px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.format-grid button{min-width:0;height:84px;display:grid;justify-items:center;align-content:center;gap:3px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.format-grid button.selected{border:1.5px solid var(--coral);background:#fbf4f1;box-shadow:0 0 0 2px #c96f6714}.format-grid strong{font-size:10px}.format-grid small{font-size:9px;color:var(--muted)}.format-icon{width:17px;height:20px;border:1.5px solid currentColor;border-radius:2px;color:#9b9b93;margin-bottom:2px}.format-grid .selected .format-icon{color:var(--coral)}.format-icon.square{width:19px;height:19px}.format-icon.story{width:13px;height:22px}.swatches{display:flex;gap:10px;margin:14px 0 16px}.swatches button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #d9d5cc;border-radius:50%;cursor:pointer;color:#45463f}.swatches button.selected{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--coral)}.swatches svg{width:13px}.swatches .dark-swatch{color:#fff}.blur-swatch{background:linear-gradient(135deg,#d88b83,#eee2b8 48%,#74896e)!important;position:relative;overflow:hidden}.blur-swatch:after{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.blur-swatch svg{position:relative;z-index:1}input[type=range]{width:100%;height:4px;appearance:none;border-radius:2px;background:linear-gradient(90deg,var(--coral),#dedbd3);accent-color:var(--coral)}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#fff;border:2px solid var(--coral);border-radius:50%;box-shadow:0 1px 3px #999;cursor:pointer}.range-labels{display:flex;justify-content:space-between;margin-top:8px;color:#9a9a93;font-size:8px}.text-control{border-bottom:0}.text-control>label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.text-control label span{color:var(--muted);font-size:9px;font-weight:500}.text-control>input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font-size:11px}.text-section-label{margin-top:12px;color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.text-options{display:flex;gap:5px;margin-top:6px}.text-options button{border:1px solid transparent;background:transparent;border-radius:7px;padding:6px 8px;color:var(--muted);font-size:9px;cursor:pointer}.text-options button.selected{background:#f1ece7;color:var(--ink)}.font-options .elegant{font-family:var(--font-display),serif}.font-options .simple{font-family:var(--font-sans),sans-serif}.font-options .handwritten{font-family:var(--font-handwritten),cursive;font-size:11px}.text-size-control{margin-top:12px}.text-size-control .label-row{margin-bottom:9px}.text-size-control .label-row label{color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.text-detail-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px}.text-colours,.position-options{display:flex;gap:7px;margin-top:7px}.text-colours button{width:25px;height:25px;display:grid;place-items:center;padding:0;border:1px solid #d4d0c8;border-radius:50%;color:#fff;cursor:pointer}.text-colours button.selected{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--coral)}.text-colours svg{width:11px}.position-options button{width:30px;height:25px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.position-options button.selected{border-color:var(--coral);background:#fbf1ef}.position-icon{width:12px;height:14px;position:relative;border:1px solid #aaa79f;border-radius:1px}.position-icon:after{content:"";position:absolute;left:2px;right:2px;height:1.5px;background:currentColor;color:var(--coral-dark)}.position-icon.top:after{top:2px}.position-icon.centre:after{top:5px}.position-icon.bottom:after{bottom:2px}.fine-position{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.fine-position .label-row{margin-bottom:8px}.fine-position .label-row label{color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.fine-position .vertical-label{margin-top:12px}.drag-hint{margin:10px 0 0;color:var(--sage);font-size:8px;text-align:center}.preview-area{grid-area:preview;min-width:0;padding:28px 40px 26px;display:grid;grid-template-rows:auto 1fr auto;background:var(--canvas)}.preview-header>span{color:var(--sage);font-size:10px;padding:7px 10px;border:1px solid #d9dfd4;background:#ffffff8c;border-radius:16px}.artboard-wrap{min-height:510px;width:100%;display:grid;place-items:center;padding:22px}.artboard{height:auto;max-width:100%;position:relative;overflow:hidden;background:#fff;box-shadow:0 15px 42px #3a342c2e,0 2px 7px #3a342c1f}.artboard-wrap.portrait .artboard{width:min(100%,624px,56vh)}.artboard-wrap.square .artboard{width:min(100%,780px,70vh)}.artboard-wrap.story .artboard{width:min(100%,439px,39.375vh)}.preview-canvas{display:block;width:100%;height:100%}.source-artwork{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.overlay-text{position:absolute;z-index:2;width:max-content;max-width:84%;padding:4px 7px;background:transparent;text-align:center;line-height:1.12;overflow-wrap:anywhere;transform:translate(-50%,-50%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 3px rgba(255,255,255,.92),0 1px 4px rgba(0,0,0,.24)}.overlay-text.elegant{font-family:var(--font-display),serif;font-weight:350}.overlay-text.simple{font-family:var(--font-sans),sans-serif;font-weight:400;letter-spacing:.01em}.overlay-text.handwritten{font-family:var(--font-handwritten),cursive;font-weight:400}.text-drag-target{color:transparent;text-shadow:none;opacity:.001}.overlay-text.dragging{cursor:grabbing}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dfdcd4;padding-top:18px}.quality-note{display:flex;align-items:center;gap:8px;max-width:64%;color:var(--muted);font-size:10px;line-height:1.35}.quality-dot{width:7px;height:7px;border-radius:50%;background:#779073;box-shadow:0 0 0 4px #7790731f}.save-button{min-width:142px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;background:var(--coral);color:#fff;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 5px 15px #a7504933}.save-button:hover{background:var(--coral-dark)}.save-button.saved{background:var(--sage)}.save-button svg{width:17px}.save-button:disabled{cursor:wait;opacity:.76}.preview-actions{display:flex;align-items:center;gap:10px}.mobile-controls-trigger,.mobile-controls-close{display:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.posting-card{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 24px;border:1px solid var(--line);border-radius:0 0 20px 20px;background:var(--paper)}.posting-info{display:flex;align-items:center;gap:14px;min-width:260px}.mini-thumb{width:54px;height:64px;padding:4px;background:#eee7da;border-radius:7px}.mini-thumb img{width:100%;height:100%;object-fit:contain}.posting-card h2{font-size:17px}.posting-info span{display:block;margin-top:4px;color:var(--muted);font-size:9px}.platforms{display:flex;gap:10px}.platforms button{min-width:210px;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:9px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.platforms button.posted{background:#f5f8f3;border-color:#cad6c8}.platform-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#fff;font-weight:700;font-size:19px}.platform-icon.instagram{background:linear-gradient(135deg,#7856b5,#d84a75,#ef9e4b)}.platform-icon.facebook{background:#3478d4;font-family:Arial,sans-serif}.platforms strong,.platforms small{display:block}.platforms strong{font-size:10px;margin-bottom:3px}.platforms small{color:var(--muted);font-size:8px}.status-check{width:20px;height:20px;display:grid;place-items:center;border:1px solid #d9d7d0;border-radius:50%;color:#fff}.posted .status-check{background:var(--sage);border-color:var(--sage)}.status-check svg{width:12px}.history-view{min-height:620px;padding:36px;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;background:var(--paper)}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.history-heading h2{margin:0;font-family:var(--font-display),serif;font-size:28px;font-weight:560}.back-prepare,.history-empty button{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff;color:var(--ink);font-size:11px;cursor:pointer}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.history-item{min-width:0;display:grid;grid-template-columns:88px 1fr;gap:14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fffefa}.history-thumb{width:88px;height:108px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:var(--canvas)}.history-thumb img{width:100%;height:100%;object-fit:contain}.history-copy{min-width:0;align-self:center}.history-copy h3{overflow:hidden;margin:0 0 5px;font-family:var(--font-display),serif;font-size:16px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.history-copy p{margin:0;color:var(--muted);font-size:9px}.history-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.history-badges span{padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:#9a9a93;font-size:8px}.history-badges span.done{border-color:#c9d6c6;background:#eef4eb;color:var(--sage)}.history-empty{min-height:420px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center}.history-empty svg{width:34px;height:34px;color:var(--coral)}.history-empty h3{margin:4px 0 0;color:var(--ink);font-family:var(--font-display),serif;font-size:20px;font-weight:560}.history-empty p{margin:0 0 8px;font-size:11px}.version{max-width:1320px;margin:8px auto 0;padding-right:8px;color:#8d8d86;font-size:9px;text-align:right}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--canvas)}.auth-card{width:min(100%,390px);padding:34px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 18px 48px #3a342c26}.auth-mark{margin-bottom:22px;font-family:var(--font-display),serif;font-weight:650}.auth-card h1{margin:0 0 10px;font-family:var(--font-display),serif;font-size:30px;font-weight:560}.auth-card>p:not(.eyebrow){margin:0 0 24px;color:var(--muted);font-size:12px;line-height:1.5}.auth-card form{display:grid;gap:14px}.auth-card label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.auth-card input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink)}.auth-card form button{margin-top:4px;border:0;border-radius:11px;padding:12px;background:var(--coral);color:#fff;font-weight:700;cursor:pointer}.auth-card form button:disabled{opacity:.7;cursor:wait}.auth-card .auth-error{margin:0;color:var(--coral-dark);font-size:10px}.auth-card small{display:block;margin-top:20px;color:#99978f;font-size:8px;text-align:center}@media(max-width:900px){body.controls-panel-open{overflow:hidden}.app-shell{padding:10px}.topbar{grid-template-columns:1fr auto;gap:8px 14px;padding:10px 14px 8px;border-radius:16px 16px 0 0}.brand{grid-row:1;grid-column:1}.topbar-actions{grid-row:1;grid-column:2}.brand p{display:none}.view-tabs{grid-row:2;grid-column:1 / -1;justify-content:center;border-top:1px solid var(--line);padding-top:7px}.view-tabs button{height:34px}.workspace{grid-template-columns:1fr;grid-template-areas:"preview"}.controls{position:fixed;z-index:51;right:0;bottom:0;left:0;width:100%;height:45svh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px max(26px,env(safe-area-inset-right)) max(48px,calc(24px + env(safe-area-inset-bottom))) max(26px,env(safe-area-inset-left));border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -18px 48px #2a272233;transform:translateY(105%);transition:transform .22s ease;will-change:transform}.controls.mobile-open{transform:translateY(0)}.controls-heading{position:sticky;z-index:2;top:0;margin:0;padding:6px 0 15px;background:#fffefa;border-bottom:1px solid var(--line)}.controls-heading>div:first-child{flex:1;min-width:0}.artwork-title{display:block;width:100%;overflow:hidden;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.text-control>input{font-size:16px}.mobile-controls-close{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer}.mobile-controls-close svg{width:18px}.mobile-controls-trigger{min-width:108px;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 16px;border:1px solid #d8d4cc;border-radius:12px;background:#fff;color:var(--ink);font-weight:700;font-size:12px;cursor:pointer}.mobile-controls-trigger svg{width:17px}body.controls-panel-open .preview-area{position:fixed;z-index:49;top:0;right:0;bottom:45svh;left:0;grid-template-rows:minmax(0,1fr);padding:max(8px,env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid var(--line);box-shadow:0 8px 26px #2a27221f}body.controls-panel-open .preview-header{display:none}body.controls-panel-open .artboard-wrap{min-height:0;height:100%;padding:8px}body.controls-panel-open .artboard-wrap.portrait .artboard{width:min(100%,39.2svh)}body.controls-panel-open .artboard-wrap.square .artboard{width:min(100%,49svh)}body.controls-panel-open .artboard-wrap.story .artboard{width:min(100%,27.5625svh)}body.controls-panel-open .preview-footer{display:none}.preview-area{padding:24px}.posting-card{align-items:stretch;flex-direction:column}.platforms{width:100%}.platforms button{min-width:0;flex:1}.history-view{padding:28px 22px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.brand h1{font-size:18px}.brand-mark{width:34px;height:34px;border-radius:10px}.new-photo{width:40px;height:40px;justify-content:center;padding:0}.new-photo span{display:none}.sign-out{padding:8px 9px}.workspace{min-height:0}.controls{padding:22px 18px}.preview-area{padding:22px 15px}.preview-header>span{display:none}.artboard-wrap{min-height:460px;height:460px;padding-inline:0}.artboard-wrap.portrait .artboard{width:min(100%,333px)}.artboard-wrap.square .artboard{width:min(100%,416px)}.artboard-wrap.story .artboard{width:min(100%,234px)}.preview-footer{align-items:stretch;flex-direction:column}.quality-note{max-width:none}.preview-actions{display:grid;grid-template-columns:auto minmax(0,1fr);width:100%}.save-button{width:100%;min-width:0}.controls{padding-right:max(18px,env(safe-area-inset-right));padding-left:max(18px,env(safe-area-inset-left))}.control-group{padding-block:20px}.format-grid{gap:7px}.format-grid button{height:76px}.swatches{justify-content:space-between;gap:6px}.text-detail-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px}.text-detail-row>div{min-width:0}.text-colours,.position-options{flex-wrap:wrap}.text-colours{gap:6px}.position-options{justify-content:flex-start;gap:6px}.posting-card{padding:16px}.platforms{flex-direction:column}.platforms button{width:100%}.history-view{min-height:520px;padding:22px 16px}.history-heading h2{font-size:23px}.history-grid{grid-template-columns:1fr}}