@charset "UTF-8";:root{--color-brand: #2e44ff;--color-brand-10: rgba(46,68,255, .1);--color-brand-hover: #2335d8;--color-brand-active: #1928b3;--color-brand-light: #eef0ff;--color-text-primary: #1a1a1a;--color-text-secondary: #585858;--color-text-muted: #8d8d8d;--color-text-inverse: #ffffff;--color-bg: #f9f5ee;--color-bg-white: #ffffff;--color-bg-soft: #fcfaf6;--color-bg-softer: #fdfbf7;--color-bg-hover: #f3eee6;--color-bg-active: #e9e2d7;--color-border: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .2);--color-border-light: #e4e0d9;--color-input-bg: #fcfaf6;--color-input-border: #dcd7cf;--color-input-focus: #2e44ff;--color-touchbar-bg: #ffffff;--color-touchbar-shadow: rgba(0, 0, 0, .08);--color-success: #1d9b4b;--color-success-bg: #e5f6ec;--color-warning: #dba642;--color-warning-bg: #fdf3d8;--color-danger: #b14545;--color-danger-hover: #9a3535;--color-danger-active: #802828;--color-danger-bg: #fdeaea;--color-danger-bg-light: rgba(220, 38, 38, .06);--color-icon-default: #1a1a1a;--color-icon-secondary: #585858;--color-icon-muted: #8d8d8d;--color-icon-brand: #2e44ff;--color-icon-danger: #b14545;--color-overlay: rgba(0, 0, 0, .2);--color-shadow-soft: 0 4px 12px rgba(0, 0, 0, .08);--color-shadow-strong: 0 6px 20px rgba(0, 0, 0, .14)}:root{--font-family-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: system-ui, sans-serif;--font-mono: ui-monospace, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-size-body-mobile: 15px;--font-size-small-mobile: 13px;--font-size-micro-mobile: 12px;--font-size-body-desktop: 16px;--font-size-small-desktop: 14px;--font-size-micro-desktop: 12px}button,.action{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em}html,body{font-family:var(--font-sans);font-size:var(--font-size-body-mobile);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-text-primary, #1a1a1a)}@media (min-width: 900px){html,body{font-size:var(--font-size-body-desktop)}}p{margin:0 0 .75em}.small-text{font-size:var(--font-size-small-mobile);color:var(--color-text-secondary, #585858)}@media (min-width: 900px){.small-text{font-size:var(--font-size-small-desktop)}}.micro-text{font-size:var(--font-size-micro-mobile);color:var(--color-text-muted, #8d8d8d)}@media (min-width: 900px){.micro-text{font-size:var(--font-size-micro-desktop)}}.center-text{text-align:center}.typ-title-main{font-size:22px;font-weight:var(--font-weight-medium);letter-spacing:.01em;line-height:1.3;margin:0 0 .5em}@media (min-width: 900px){.typ-title-main{font-size:24px}}.typ-title-section{font-size:18px;font-weight:var(--font-weight-medium);margin:0 0 .4em}@media (min-width: 900px){.typ-title-section{font-size:19px}}.typ-title-small{font-size:15px;font-weight:var(--font-weight-medium);margin:0 0 .25em}.nav-link{font-size:14px;font-weight:var(--font-weight-regular)}.nav-link.is-active{font-weight:var(--font-weight-medium)}.header-pill-label{font-size:14px;font-weight:var(--font-weight-regular)}input,textarea{font-size:16px}.form-label{font-size:13px;font-weight:var(--font-weight-medium);letter-spacing:.3px;color:var(--color-text-secondary, #585858);margin-bottom:4px}.form-control{font-size:15px;font-weight:var(--font-weight-regular);line-height:1.4}.pill-label{font-size:13px;font-weight:var(--font-weight-regular)}.pop-title{font-size:17px;font-weight:var(--font-weight-medium);margin:0 0 6px}.pop-body{font-size:14px;font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-text-secondary, #585858);margin:0 0 12px}a{color:var(--color-brand, #2e44ff);text-decoration:none}a:hover{text-decoration:underline}.link-inline{color:var(--color-brand, #2e44ff);font-weight:var(--font-weight-regular)}.link-inline:hover{text-decoration:underline}.text-emphasis{font-weight:var(--font-weight-medium);color:var(--color-text-primary, #1a1a1a)}.text-state{font-size:13px;color:var(--color-text-secondary, #585858)}.text-state--success{color:var(--color-success, #1d9b4b)}.text-state--warning{color:var(--color-warning, #dba642)}.ul-simple{margin:0}.icon{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-16{width:16px;height:16px}.btn-icon .icon{color:#1a1a1a}.btn-icon--primary .icon{color:#2e44ff}.btn-icon--danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.icon-upload{width:40px;height:40px;opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font-size:15px;line-height:1.2;font-weight:500;letter-spacing:.045em;cursor:pointer;background:transparent;color:#1a1a1a;transition:background .12s cubic-bezier(.2,.8,.25,1),border-color .12s cubic-bezier(.2,.8,.25,1),color .12s cubic-bezier(.2,.8,.25,1),box-shadow .12s cubic-bezier(.2,.8,.25,1),transform .12s cubic-bezier(.2,.8,.25,1)}.btn--primary{background:#2e44ff;color:#fff;border-color:#2e44ff}.btn--primary:hover{background:#2335d8;border-color:#2335d8;box-shadow:0 4px 12px #2e44ff4d}.btn--primary:active{background:#1928b3;border-color:#1928b3;transform:translateY(1px)}.btn--secondary{background:#fcfaf6;border-color:#e4e0d9;color:#1a1a1a}.btn--secondary:hover{background:#f3eee6;border-color:#d8d2c9}.btn--secondary:active{background:#e9e2d7;transform:translateY(1px)}.btn--ghost{background:transparent;border-color:transparent;color:#585858}.btn--ghost:hover{background:#0000000a}.btn--ghost:active{background:#0000000f}.btn--danger{background:#b14545;color:#fff;border-color:#b14545}.btn--danger:hover{background:#9a3535;border-color:#9a3535}.btn--danger:active{background:#802828;transform:translateY(1px)}.btn-icon{width:32px;height:32px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#f9f5eee6;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .12s ease,border-color .12s ease}.btn-icon:hover{background:#f3eee6;box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.btn-icon--primary:active{background:#2e44ff;border-color:#2e44ff}.btn-icon--primary:active .icon{color:#fff}.btn-icon--danger:active{background:#b14545;border-color:#b14545}.btn-icon--danger:active .icon{color:#fff}.btn-icon--ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-icon--ghost:hover{background:#0000000a}.btn-icon--large{width:46px;height:46px}.form-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-field--block{margin-bottom:18px}.form-control{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--color-input-border, #dcd7cf);background:var(--color-input-bg, #fcfaf6);color:var(--color-text-primary, #1a1a1a);outline:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.form-control::placeholder{color:var(--color-text-muted, #8d8d8d);opacity:.9}.form-control:focus{border-color:var(--color-input-focus, #2e44ff);box-shadow:0 0 0 2px #2e44ff1f;background:#fff}.form-control:disabled{background:#f1ece3;color:var(--color-text-muted, #8d8d8d);cursor:not-allowed}textarea.form-control{min-height:110px;resize:vertical;line-height:1.4}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-input-bg, #fcfaf6);border-radius:6px;border:1px solid var(--color-input-border, #dcd7cf);padding:10px 32px 10px 12px;font-size:15px;color:var(--color-text-primary, #1a1a1a);background-image:linear-gradient(45deg,transparent 50%,#8d8d8d 50%),linear-gradient(135deg,#8d8d8d 50%,transparent 50%);background-position:calc(100% - 16px) 14px,calc(100% - 11px) 14px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.form-select:focus{border-color:var(--color-input-focus, #2e44ff);box-shadow:0 0 0 2px #2e44ff1f;background-color:#fff}.form-help{font-size:12px;color:var(--color-text-muted, #8d8d8d)}.form-error{font-size:12px;color:var(--color-danger, #b14545);margin-top:4px}.form-control--error{border-color:var(--color-danger, #b14545);box-shadow:0 0 0 1px #b145454d}.form-warning{font-size:12px;color:var(--color-warning, #dba642);margin-top:4px}.form-banner-warning{margin-top:8px;padding:8px 10px;border-radius:6px;background:var(--color-warning-bg, #fdf3d8);border:1px solid rgba(219,166,66,.2);font-size:13px;color:var(--color-warning, #dba642)}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill-input{position:absolute;opacity:0;pointer-events:none}.pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:8px;border:1px solid #e4e0d9;background:#fcfaf6;font-size:13px;font-weight:400;color:var(--color-text-primary, #1a1a1a);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pill:hover{background:#f3eee6}.pill-input:checked+.pill{background:var(--color-brand-light, #eef0ff);border-color:var(--color-brand, #2e44ff);color:var(--color-brand, #2e44ff);font-weight:500;box-shadow:0 0 0 1px #2e44ff1a}.pill__dot{width:8px;height:8px;margin-left:6px;border-radius:999px;background:currentColor}.check-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-primary, #1a1a1a)}.check-row input[type=checkbox],.check-row input[type=radio]{width:16px;height:16px;accent-color:var(--color-brand, #2e44ff)}.form-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.form-label-row .form-label{margin-bottom:0}.form-label-row .form-help{margin-top:0}[popover]{border:none;padding:0;background:transparent}[popover]::backdrop{background:transparent}.pop-menu{background:#fdfbf7;border-radius:14px;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 45px #0f172a2e;padding:0;min-width:280px;opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top center;transition:opacity .12s ease-out,transform .12s ease-out}.pop-menu:popover-open{opacity:1;transform:translateY(0) scale(1)}.pop-menu__header{padding:12px 12px 10px}.pop-menu__title{margin:0;font-size:.92rem;font-weight:650;letter-spacing:-.01em;color:#0f172aeb}.pop-menu__subtitle{margin:6px 0 0;font-size:.82rem;color:#0f172a99;line-height:1.35}.pop-menu__body{padding:0 12px 12px}.pop-menu__section{padding:10px 0}.pop-menu__label{margin:0 0 8px;font-size:.75rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#0f172a8c}.pop-menu__divider{height:1px;background:#0f172a14;margin:4px 0}.pop-menu__item{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:0;background:transparent;color:#0f172ae0;cursor:pointer;text-align:left}.pop-menu__item:hover{background:#0f172a0d}.pop-menu__item:active{background:#0f172a14}.pop-menu__item .icon{width:18px;height:18px;opacity:.9}.pop-menu__actions{display:flex;flex-direction:column;gap:10px;padding-top:12px}.pop-menu__actions .btn{justify-content:center}.pop-menu--top-left,.pop-menu--top-right{position:fixed;margin:0;max-width:270px}.pop-menu--top-left,.pop-menu--top-left:popover-open{top:48px;left:12px;right:auto;bottom:auto}.pop-menu--top-right,.pop-menu--top-right:popover-open{top:54px;right:24px;left:auto;bottom:auto}@media (min-width: 768px){.pop-menu--top-right,.pop-menu--top-right:popover-open{top:84px;right:24px;left:auto;bottom:auto}.pop-menu--top-left,.pop-menu--top-left:popover-open{top:84px;right:auto;left:24px;bottom:auto}}.pop-sheet{position:fixed;inset-inline:0;bottom:0;margin:0;background:#fdfbf7;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #00000029;padding:14px 20px 20px;max-height:75vh;display:flex;flex-direction:column;gap:10px;translate:0 100%;transition:translate .2s ease-out}.pop-sheet::backdrop{background:#00000040}.pop-sheet:popover-open{translate:0 0}.pop-sheet__handle{width:36px;height:4px;border-radius:999px;background:#0000001a;margin:0 auto 8px}.pop-sheet__title{margin:0 0 6px;font-size:17px;font-weight:500;color:#1a1a1a}.pop-sheet__body{margin:0 0 14px;font-size:14px;color:#585858}.pop-sheet__actions{margin-top:8px;display:flex;justify-content:flex-end;gap:12px}.pop-sheet__close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:18px;line-height:1;cursor:pointer}.pop-anchor-home{position:fixed;position-anchor:--home-anchor;inset:auto auto auto auto;top:anchor(bottom);left:anchor(left);margin-top:8px}.pop-anchor-pdf{position:fixed;position-anchor:--pdf-anchor;inset:auto auto auto auto;top:anchor(bottom);right:calc(100vw - anchor(right));margin-top:8px}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--color-bg, #f9f5ee);overscroll-behavior:none}ul{padding-left:24px}body{overscroll-behavior-y:contain}.app{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column}.app-safe{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.app-layout{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:68px 24px 24px}.fullscreen{min-height:100vh;min-height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;z-index:2000}.app-header-dashboard{font-size:16px;font-weight:500}.app-header__left{display:flex;align-items:center;gap:8px}.app-header__right{display:flex;align-items:center;gap:8px;margin-left:auto}.sidebar-item .icon-badge{color:#585858}.sidebar-item{display:flex;align-items:center;padding:8px 12px;border-radius:8px;font-size:14px;color:#555}.app-sidebar__title.sidebar-item--brand{display:flex;align-items:center;gap:.75rem}.sidebar-item.is-active{background:#0000000f;font-weight:500;color:#555;border-left:3px solid rgba(56,132,255,.25)}.sidebar-item{display:block;padding:8px 12px;border-radius:6px;color:#3f3f46;text-decoration:none;font-size:14px;transition:background-color .18s ease,color .18s ease;font-weight:400}.sidebar-item:hover{background:#0000000a;text-decoration:none}.sidebar-item--active,.sidebar-item[aria-current=page]{background:#0000000f;font-weight:500;color:#000}.sidebar-item--active:hover,.sidebar-item[aria-current=page]:hover{background:#0000000f}.sidebar-item:active,.sidebar-item:focus-visible{color:inherit;outline:none}@media (max-width: 767.98px){.app-header{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;height:36px;padding:10px 24px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.app-scroll{padding-top:68px}.app-scroll--studio{padding-top:38px}}@media (min-width: 767.98px){.app-scroll{padding-top:20px}}.home-menu-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;background:transparent;font-size:14px;color:var(--color-text-primary, #1a1a1a);cursor:pointer}.home-menu-trigger:hover{border-color:#00000014;background:#f9f5eee6}.home-menu-trigger--icon-only .home-menu-trigger__label{display:none}.home-menu-trigger--icon-only{padding-inline:6px}.home-menu-trigger__label{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:500;color:var(--color-text-secondary, #585858)}@media (min-width: 767.98px){.app-layout{flex-direction:row}.app-header{position:sticky;top:0;z-index:30;height:74px;padding:0 24px;display:flex;align-items:flex-end;justify-content:flex-start;background:#f8f5f0bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-header__left,.app-header__right{position:absolute}.app-header__left{left:24px}.app-header__right{right:24px}.app__nav{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#fff9;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px #0000000a;margin-left:70px}.nav-item{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;font-size:14px;color:#000000bf;text-decoration:none;transition:background .15s ease,color .15s ease}.app-footer{flex:0 0 auto;padding:12px 24px}.nav-item:hover{background:#0000000a;text-decoration:none}.nav-item.is-active{background:#3044ff1f;color:#3044ff;text-decoration:none;box-shadow:inset 0 0 0 1px #3044ff40}.app-main{width:100%;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}.empty-state{margin:10px 0 14px;color:#000000b8}.empty-title{margin:0 0 4px;font-weight:600}.empty-subtitle{margin:0;font-size:14px;opacity:.8}.app-scroll{flex:1;min-height:0;overflow:hidden;padding:18px 24px 24px;display:flex;flex-direction:column}.touchbar-floating{display:none}.app-scroll--page>.page-container{max-width:1100px;margin:0 auto;width:100%;overflow-y:auto;padding-bottom:64px}}@media (min-width: 767.98px) and (min-width: 1024px){.app__nav{margin-left:0}.app-header{justify-content:center}}@media (min-width: 767.98px) and (min-width: 1280px){.app-scroll{padding-left:32px;padding-right:32px}}.container-narrow{max-width:720px;width:100%;margin:0 auto}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.divider{height:1px;background:#0000000f;margin:12px 0}.dashboard-card-header{margin-bottom:10px}.dashboard-card-header .typ-title-section,.card-generic .typ-title-section{margin:0 0 4px}.dashboard-card-header .small-text,.card-generic .small-text{margin:0}.dashboard-project-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.dashboard-project-hint{margin-top:8px;margin-bottom:0;font-size:.75rem;color:var(--color-text-muted)}.dashboard-stats-groups{margin-top:12px;display:flex;flex-direction:column;gap:10px}.dashboard-stats-group{padding:8px 10px;border-radius:10px;background:var(--color-bg-soft);border:1px solid rgba(0,0,0,.03)}.dashboard-stats-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin:0 0 4px}.dashboard-stats-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.dashboard-stats-row--artworks{gap:12px}.dashboard-pill-count{min-width:24px;height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500}.dashboard-pill-count--ok{background:var(--color-success-bg);color:var(--color-success)}.dashboard-pill-count--warn{background:var(--color-warning-bg);color:var(--color-warning)}.dashboard-pro-cta{background:#00000008;border:1px solid rgba(0,0,0,.05);padding:18px;border-radius:12px;position:relative}.dashboard-pro-cta-title{font-weight:600;font-size:1rem;margin:4px 0}.dashboard-pro-cta-text{font-size:.85rem;opacity:.75;margin-bottom:12px}.dashboard-pro-cta-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;background:#0000000a;color:#0000008c}.dashboard-pro-cta-badge:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--color-brand, #3b82f6)}.dashboard-layout{display:flex;flex-direction:column;gap:16px}@media (min-width: 767.98px){.dashboard-pro-cta{display:none}.dashboard-layout{display:grid}.dashboard-pro-cta .btn.btn--primary{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.dashboard-pro-cta .btn.btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1e40af4d;background:linear-gradient(135deg,#335dff,#4f46e5)}.dashboard-pro-cta .btn.btn--primary:active{transform:translateY(0);box-shadow:0 4px 12px #1e40af40}.dashboard-project.card,.dashboard-stats.card{margin-bottom:0}}@media (min-width: 1024px){.dashboard-layout{grid-template-columns:1fr 1fr;gap:24px;align-items:flex-start}}@media (min-width: 1200px){.dashboard-pro-cta{display:block}}.dashboard-layout--wizard-open .dashboard-project,.dashboard-layout--wizard-open .dashboard-stats,.dashboard-layout--wizard-open .dashboard-pro-cta{opacity:.32;filter:saturate(.6);pointer-events:none;transition:opacity .15s ease-out,filter .15s ease-out}.dashboard-layout--wizard-open .dashboard-details{opacity:1;filter:none;transition:box-shadow .15s ease-out,transform .15s ease-out}.autosave-toast{position:fixed;z-index:60;left:50%;bottom:80px;transform:translate(-50%,6px);opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:8px;z-index:10000;padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:500;letter-spacing:.04em;color:var(--color-success);background:#c9ffdf;box-shadow:var(--color-shadow-soft);border:1px solid rgba(29,155,75,.35);transition:opacity .18s ease-out,transform .18s ease-out}.autosave-toast--visible{opacity:1;transform:translate(-50%)}.autosave-toast__dot{width:6px;height:6px;border-radius:999px;background:var(--color-success);box-shadow:0 0 0 4px #1d9b4b2e}.autosave-toast__label{white-space:nowrap}.warning-toast{position:fixed;z-index:60;left:50%;bottom:80px;transform:translate(-50%,6px);opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:8px;z-index:10000;padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:500;letter-spacing:.04em;color:var(--color-warning);background:var(--color-warning-bg);box-shadow:var(--color-shadow-soft);border:1px solid rgba(182,169,64,.35);transition:opacity .18s ease-out,transform .18s ease-out}.warning-toast--visible{opacity:1;transform:translate(-50%)}.warning-toast__dot{width:6px;height:6px;border-radius:999px;background:var(--color-warning);box-shadow:0 0 0 4px #b6a94059}@media (min-width: 768px){.autosave-toast,.warning-toast{top:18px;right:32px;bottom:auto;left:auto;transform:translateY(6px);min-width:190px;justify-content:center;padding:8px 16px;border-radius:999px;font-size:.8rem}.autosave-toast{background:var(--color-success-bg)}.warning-toast{background:var(--color-warning-bg)}.autosave-toast--visible,.warning-toast--visible{transform:translateY(0)}}.intro-text{font-size:15px;opacity:.8;max-width:70ch}@media (min-width: 768px){.page-actions{display:flex;flex-direction:column;position:sticky;top:0;background-color:var(--color-bg);z-index:1;margin-bottom:32px}}[x-cloak]{display:none!important}.touchbar-floating{position:fixed;left:12px;right:12px;bottom:12px;z-index:100;height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:color-mix(in srgb,var(--color-bg-softer) 55%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 14px 36px #0000008c,0 1px #ffffff0f inset}.touchbar-item{position:relative;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 6px;font-size:12.5px;font-weight:500;letter-spacing:.02em;color:var(--color-text-muted);opacity:.72;text-decoration:none;-webkit-tap-highlight-color:transparent}@media (hover: hover){.touchbar-item:hover{opacity:.95;color:var(--color-text-primary)}}.touchbar-item--active{color:var(--color-text-primary);opacity:1}.touchbar-item--active:after{content:"";position:absolute;left:50%;bottom:7px;width:4px;height:4px;border-radius:999px;background:var(--color-brand);transform:translate(-50%);box-shadow:0 0 0 4px var(--color-brand-10)}.touchbar-item:focus-visible{outline:none}.touchbar-item:focus-visible:before{content:"";position:absolute;top:6px;right:4px;bottom:6px;left:4px;border-radius:12px;box-shadow:0 0 0 2px var(--color-brand-10),0 0 0 1px var(--color-brand)}.app-scroll--with-touchbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.touchbar-item:active{transform:translateY(.5px);color:var(--color-brand-active)}.touchbar-item:active:after{background:var(--color-brand-active)}.bio-statement-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:flex-start}.cv-form{min-height:0}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 1200px){.mobile-only{display:inline-flex}}.cv-preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:40}.cv-preview-modal-panel{background:#fff;border-radius:8px;padding:16px;max-width:90vw;max-height:90vh;overflow:auto}.cv-section{display:flex;flex-direction:column;gap:12px}.cv-section+.cv-section{margin-top:24px}.cv-section-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cv-section-title{margin:0;font-size:16px;font-weight:600}.cv-section-hint{margin:0;font-size:.8rem;opacity:.65}.cv-section-empty{margin-top:8px;margin-bottom:16px;background:transparent;border:1px solid rgba(15,23,42,.08);border-radius:8px}@media (min-width: 768px){.cv-section-empty{padding:16px;background:#ffffff80;border:1px solid rgba(15,23,42,.08);text-align:center}}.cv-section-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.cv-entry-row{border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fdfbf7;padding:8px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;align-items:center}.cv-entry-controls{display:flex;flex-direction:column;gap:4px}.cv-entry-move .icon{display:block;transform-origin:50% 50%}.cv-entry-move--left .icon{transform:rotate(360deg)}.cv-entry-move--right .icon{transform:rotate(-180deg)}.cv-entry-cols{display:flex;gap:8px;flex-wrap:wrap}@media (min-width: 768px){.cv-entry-cols{flex-wrap:nowrap}}.cv-entry-col{flex:1 1 auto;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;background:none;padding:0;cursor:pointer}@media (min-width: 768px){.cv-entry-col{width:120px}}.cv-entry-col--extra{opacity:.85}.cv-field-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.cv-field-value{font-size:.9rem}.cv-entry-actions{flex:0 0 auto}.cv-section-add{margin-top:8px;margin-bottom:16px}.cv-wizard{margin-top:16px;padding:20px;border:1px solid var(--color-border-soft, rgba(0, 0, 0, .1));border-radius:12px;position:relative;background:var(--color-bg-white, #fff)}.cv-wizard-close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:18px;line-height:1;cursor:pointer;color:var(--color-text-muted, #9ca3af);padding:2px 6px;border-radius:4px}.cv-wizard-close:hover{color:var(--color-text-primary, #111);background:#0000000d}.cv-wizard-steps{display:flex;gap:5px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.cv-wizard-step-dot{width:10px;height:10px;border-radius:999px;border:1.5px solid #9ca3af;padding:0;background:transparent;cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.cv-wizard-step-dot--active{background:#16a34a;border-color:#16a34a}.cv-wizard-form{display:flex;flex-direction:column;gap:16px}.cv-wizard-nav{display:none}.cv-wizard-field{display:flex;flex-direction:column;gap:6px}.cv-wizard-label{display:block;font-size:1rem;font-weight:600;color:var(--color-text-primary, #111)}.cv-wizard input[type=text],.cv-wizard-input{width:100%;padding:12px 14px;border:1.5px solid var(--color-border-soft, rgba(0, 0, 0, .15));border-radius:10px;font-size:1rem;font-family:inherit;background:var(--color-bg-soft, #f9fafb);box-sizing:border-box;transition:border-color .15s,background .15s}.cv-wizard input[type=text]:focus,.cv-wizard-input:focus{outline:none;border-color:var(--color-accent, #2563eb);background:#fff}.cv-wizard-hint{font-size:.82rem;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.4}.cv-wizard-radio-group{display:flex;flex-direction:column;gap:8px}.cv-wizard-radio-option{display:flex;align-items:center;gap:8px;font-size:.95rem;cursor:pointer}.cv-wizard-actions{display:flex;gap:8px;justify-content:flex-end}.cv-intro{margin-bottom:16px}.cv-entry-col{position:relative;border-radius:10px;padding:8px 10px;background:var(--color-bg-soft);border:1px solid transparent;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.cv-entry-col:hover{background:var(--color-bg-hover);border-color:var(--color-border-light);box-shadow:var(--color-shadow-soft);transform:translateY(-1px)}.cv-entry-col:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.cv-field-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:2px}.cv-field-value{font-size:.9rem;color:var(--color-text-primary)}.cv-entry-controls{display:flex;flex-direction:column;gap:4px;align-items:center}.cv-entry-move{border-radius:999px;border:1px solid var(--color-border-light);background:var(--color-bg-soft);padding:4px;transition:background-color .15s ease,border-color .15s ease,transform .12s ease}.cv-entry-move:hover{background:var(--color-bg-hover);border-color:var(--color-border);transform:translateY(-1px)}.cv-entry-move--up .icon{transform:rotate(90deg)}.cv-entry-move--down .icon{transform:rotate(-90deg)}.cv-entry-actions .btn--danger{font-size:.8rem}.wizard-body{padding:12px;background-color:var(--color-bg-soft);border-radius:12px;position:relative;border:1px solid var(--color-border-light);box-shadow:var(--color-shadow-soft)}.wizard-section{flex:1 1 auto;margin-top:24px}.wizard-body .form-field{display:flex;flex-direction:column;gap:6px}.wizard-body .form-label{font-size:.85rem;color:var(--color-text-secondary)}.wizard-body .form-control{display:block;width:100%;max-width:100%;box-sizing:border-box}.wizard-body .form-help{font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.wizard-actions{display:flex;gap:8px;margin-top:auto}.wizard-actions__back{flex:0 0 auto}.wizard-actions__primary{flex:1 1 auto}.btn:disabled,.btn[disabled]{opacity:.45;cursor:default;box-shadow:none;transform:none}.btn--ghost:disabled:hover,.btn--secondary:disabled:hover,.btn--primary:disabled:hover{background:inherit;border-color:inherit}.details-panel{position:relative}.details-summary{position:relative;z-index:1;transition:opacity .18s ease-out,filter .18s ease-out}.details-wizard-overlay,.cv-wizard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease-out,transform .18s ease-out}.details-wizard-overlay .wizard-body,.cv-wizard-overlay .wizard-body{width:100%;max-width:640px;margin:0 auto;height:270px}.details-panel--wizard-open .details-wizard-overlay,.details-panel--wizard-open .details-cv-overlay{opacity:1;pointer-events:auto;transform:translateY(0)}.details-panel--wizard-open .details-summary,.details-panel--cv-open .details-summary{opacity:0;filter:blur(1px);pointer-events:none}.dashboard-layout--wizard-open .dashboard-project,.dashboard-layout--wizard-open .dashboard-stats,.dashboard-layout--wizard-open .dashboard-pro-cta{opacity:.32;filter:saturate(.6);pointer-events:none;transition:opacity .18s ease-out,filter .18s ease-out}.details-panel--wizard-open{min-height:min(300px,80vh)}.wizard-form{display:flex;flex-direction:column;height:calc(100% - 32px)}.grid{display:grid;gap:16px}.grid--artworks{grid-template-columns:1fr}@media (min-width: 600px){.grid--artworks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.grid--artworks{grid-template-columns:repeat(3,minmax(0,1fr))}}.card-artwork{position:relative;overflow:hidden;border-radius:10px;background:var(--color-bg-white);box-shadow:var(--color-shadow-soft);transition:background .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.card-artwork:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-brand-light);opacity:0;pointer-events:none;transition:opacity .18s ease}.card-artwork__image:active{cursor:grabbing}.card-artwork__image{width:100%;height:150px;display:block;object-fit:cover;cursor:grab}.artworks-dragging .card-artwork{opacity:.75}.artworks-dragging .card-artwork.artwork-dragging{opacity:1;transform:translateY(-2px);box-shadow:var(--color-shadow-strong)}.artworks-dragging .card-artwork.artwork-dragging:before{opacity:.35}.artwork-ghost{opacity:.6;background:var(--color-brand-10);border-radius:inherit}.card-artwork__body{padding:10px 12px 12px}.card-artwork__actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:40}.modal{position:relative;background:#fff;border-radius:12px;padding:16px;max-width:420px;width:calc(100% - 32px);box-shadow:0 20px 40px #0f172a40;font-size:.9rem}.modal--sm{max-width:360px}.modal--wide{max-width:900px}.modal__footer{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.modal__preview{margin-top:8px}.modal__close{position:absolute;top:8px;right:10px;border:none;background:transparent;cursor:pointer;padding:4px;border-radius:999px;font-size:1.1rem;line-height:1}.sortable-ghost{opacity:.5!important}.artworks-container{display:flex;background-color:var(--color-brand-light);align-items:center;gap:24px;padding:32px;flex-wrap:wrap}.artwork-action{position:absolute;width:32px;display:flex;flex-direction:column;gap:8px}.artwork-action-left{left:0;top:0}.artwork-action-right{right:0;top:0}@media (min-width: 1024px){.artwork-action-left{left:45px;top:0;opacity:0;transition:.2s transform ease,.18s opacity ease}.artwork-action-right{right:45px;top:0;opacity:0;transition:.2s transform ease,.18s opacity ease}}.artwork-index{text-align:center;margin-top:12px}.artwork-drag-handle{display:none}@media (min-width: 1024px){.artwork-drag-handle{display:flex}}.artworks-panel{width:100%;display:grid;grid-template-columns:2fr 1fr;background-color:red}.artworks-page{height:100%;display:flex;flex-direction:column;padding:32px;gap:24px}.artworks-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;padding-bottom:12px;background:var(--color-bg-soft);z-index:10}.artworks-header h1{font-size:1.3rem;margin:0;font-weight:600}.artworks-stats{display:flex;align-items:center;gap:12px}.artworks-display-switch button{padding:4px 10px;border-radius:999px;font-size:.8rem;opacity:.6}.artworks-display-switch .is-active{background:var(--color-brand);color:#fff;opacity:1}.artworks-top{display:flex;align-items:flex-start;gap:32px}.artworks-scroll-area{overflow-y:auto;padding-bottom:40px}.artworks-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.artwork-card{position:relative;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:var(--color-shadow-soft);transition:.25s}.artwork-card:hover{transform:translateY(-3px);box-shadow:var(--color-shadow-strong)}.thumb{width:100%;height:250px;object-fit:cover;display:block}.artwork-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transition:.2s}.artwork-card:hover .artwork-actions{opacity:1}.art-index{text-align:center;padding:10px 0;font-size:.8rem;opacity:.6}.artworks-dashboard{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:12px}.grid--artworks-upload{display:grid;gap:16px}@media (min-width: 768px){.grid--artworks-upload{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr);align-items:stretch}}.artwork-upload-box{position:relative;border-radius:12px;padding:20px 16px;border:1px dashed var(--color-border-light, #e5e7eb);background:var(--color-bg-white, #ffffff);display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.artwork-upload-box:hover .icon-upload{opacity:1}.artwork-upload-box:hover{border-color:var(--color-brand, #2563eb);background:var(--color-brand-5, #e0ecff);transform:translateY(-1px);box-shadow:var(--color-shadow-soft, 0 4px 12px rgba(0, 0, 0, .06))}.artwork-upload-box.max{background:var(--color-danger-bg-light)}.artwork-upload-box:hover.max{border:none;background:var(--color-danger-bg-light);transform:none;box-shadow:none;cursor:wait}.artwork-upload-box input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.artwork-upload-box-label-main{font-size:.92rem;font-weight:500}.artwork-upload-box-label-hint{margin-top:4px;font-size:.8rem;opacity:.65}.artworks-guidelines.card{position:relative;background:var(--color-surface);border-radius:14px;padding:22px 26px;border:1px solid var(--color-border);box-shadow:0 2px 4px #00000008;line-height:1.45}.ag-title{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--color-text)}.ag-sub{font-size:.85rem;color:var(--color-text-soft);margin:0 0 14px}.ag-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--color-text)}.ag-list li strong{font-weight:600;color:var(--color-text-strong)}.artworks-guidelines.card:hover{border-color:var(--color-border-strong);box-shadow:0 4px 14px #0000000f;transition:.25s ease}.artworks-guidelines.card:after{content:"Best practice";position:absolute;top:10px;right:12px;font-size:.65rem;padding:3px 6px;background:var(--color-brand-light);color:var(--color-text-primary);border-radius:6px;opacity:.9}.artworks-status-container{width:100%;border-radius:12px;border:1px solid rgba(15,23,42,.06);background:var(--color-bg-white, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:12px 16px;padding:10px 14px;box-shadow:var(--color-shadow-soft)}.artworks-count span{font-weight:500}.artworks-status-pills{display:inline-flex;align-items:center;gap:10px}.artworks-guidelines-label{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px}.artworks-guidelines-label .small-text{margin:0;font-size:.8rem;color:var(--color-text-secondary)}.artworks-display-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;justify-content:flex-end;flex:0 0 auto}.artworks-display-container p{margin:0;font-size:.78rem;opacity:.7}.artworks-display-container .pill-group label span{font-size:.78rem}.pill-group label span{font-size:.8rem}.artworks-container{border-radius:12px;background:var(--color-bg-soft, #f7f4ee);box-shadow:var(--color-shadow-soft, 0 4px 12px rgba(0, 0, 0, .06));padding:12px 8px 8px;min-height:0;flex:1 1 auto;overflow-y:auto}.artwork-action-btn.btn-icon .icon{color:#fff}.artwork-action-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9}.artwork-action-btn--disabled{background:var(--color-icon-muted)}.artwork-action-btn:hover{background:#000;transform:scale(1.05)}.artwork-action-btn.artwork-action-btn--disabled:hover{background:var(--color-icon-muted);transform:none}.artwork-action-btn:active{transform:scale(.97);opacity:.9}.artwork-move-left{transform:translate(-12px)}.artwork-move-right{transform:translate(12px)}.artworks-guidelines-popover{position:absolute;background-color:#fff;z-index:10;left:0;width:300px;padding:24px;top:64px;border-radius:8px;box-shadow:#0000000f 0 4px 14px;border:1px solid rgba(15,23,42,.06)}@media (max-width: 768px){.artworks-guidelines-label .btn{margin-top:4px}.artworks-status-container{flex-direction:column;align-items:stretch;padding:10px 12px;gap:10px}.artworks-status{padding:0}.artworks-display-container{padding-top:8px;margin-top:4px;border-top:1px solid var(--color-border-light);justify-content:space-between}.artworks-display-container .btn--primary{width:100%;justify-content:center}}.artworks-dashboard{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.artworks-status-container{box-sizing:border-box;width:100%;max-width:100%;margin:0;border-radius:12px;border:1px solid rgba(15,23,42,.06);background:var(--color-bg-white, #ffffff);display:flex;flex-direction:column;gap:8px}.artworks-status{display:flex;flex-wrap:wrap;gap:8px 12px;padding:10px 12px 4px;align-items:flex-start;flex-direction:column;font-size:.85rem}.artworks-display-container{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:0 12px 10px}.artworks-display-container p{margin:0;font-size:.8rem;opacity:.7}.artworks-radio-container{display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 767px){.artworks-status-container{align-items:stretch}.artworks-status{padding-bottom:0}.artworks-display-container{flex-direction:column;align-items:stretch;padding-top:12px}.artworks-display-container>div:last-child{justify-content:flex-start}.artworks-display-container .btn{width:100%;justify-content:center}}@media (min-width: 768px){.artworks-status{padding:0}.artworks-status-container{padding:32px;flex:0 0 300px;width:300px;align-self:flex-start;overflow:visible;box-shadow:0 1px 2px #0000000a}.artworks-display-container{padding:0}.artworks-dashboard{flex-direction:row;flex:1;min-height:0;display:flex;gap:12px;overflow:hidden}.artworks-radio-container{gap:8px}.artworks-container{border-radius:0;background:transparent;box-shadow:none;min-height:0;flex:1 1 auto;overflow-y:auto;padding:32px 0}.artworks-list-container{min-width:0;padding:0 6px 0 0;position:relative;border-radius:12px;background:var(--color-bg-soft, #f7f4ee);box-shadow:inset 0 0 0 1px #0f172a0a;min-height:0;flex:1 1 auto;overflow-y:auto}.artworks-list-container:before,.artworks-list-container:after{content:"";position:sticky;left:0;right:0;height:18px;pointer-events:none;z-index:10;display:block}.artworks-list-container:before{top:0;background:linear-gradient(to bottom,var(--color-bg-soft, #f7f4ee) 0%,rgba(247,244,238,0) 100%)}.artworks-list-container:after{bottom:0;background:linear-gradient(to top,var(--color-bg-soft, #f7f4ee) 0%,rgba(247,244,238,0) 100%)}}.card{border-radius:16px;padding:14px 14px 16px;box-shadow:var(--color-shadow-soft);border:1px solid var(--color-border-light);margin-bottom:16px}.card-generic{background:var(--color-bg-white)}.card-form{background-color:#fffdf9;border:1px solid rgba(15,23,42,.06)}.card-form .form-field{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(15,23,42,.05)}.card-form .form-field:last-child{border-bottom:none}.card-form .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4064ff1f}.card-generic--notice{margin-bottom:0}.card-header{margin-bottom:16px}.card-info{padding:8px 10px;border-radius:10px;background:var(--color-bg-soft);border:1px solid rgba(0,0,0,.03);box-shadow:none;margin-bottom:0}.card-info-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin:0 0 4px}.card-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.html-preview-a4{aspect-ratio:595.28/841.89}.html-preview-letter{aspect-ratio:612/792}.html-preview-content{font-size:8px;line-height:1.3}.html-preview-page{position:relative;width:100%;max-width:420px;border-radius:8px;background-color:#fff;overflow:hidden;box-shadow:var(--color-shadow-soft);border:1px solid var(--color-border-light)}.html-preview-page--artworks-thumb,.html-preview-page--artworks-large{background:#fff}.html-preview-page--artworks-thumb{max-width:148px;background:#fff;margin:0 auto;border-radius:4px}.html-preview-pills{margin-bottom:16px}.html-preview-container{position:relative;width:100%;max-width:240px;margin:0 auto}@media (min-width: 768px){.html-preview-container--artworks-edit{width:150px;max-width:150px}.html-preview-form.card{border-radius:8px;flex:1 1 auto}}@media (min-width: 1100px){.html-preview-container{margin:0}}@media (min-width: 1024px){.html-preview-container:hover .artwork-action-left,.html-preview-container:hover .artwork-action-right{opacity:1}.html-preview-container:hover .artwork-action-left{transform:translate(-45px)}.html-preview-container:hover .artwork-action-right{opacity:1;transform:translate(45px)}}.html-layout-preview{width:100%;max-width:420px;margin:24px auto 0}.html-preview-panel[popover]{position:fixed;top:0;bottom:0;right:0;left:auto;height:auto;width:480px;max-width:90vw;margin:0;padding:20px;border:none;display:flex;flex-direction:column;overflow-y:auto;transform:translate(100%);opacity:0;transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .2s ease;background:var(--color-bg-soft);border:1px solid var(--color-border-light);box-shadow:var(--color-shadow-strong)}@media (min-width: 768px){.html-preview-panel--artworks[popover]{width:100%}.html-preview-scroll--artworks{margin-top:32px}}@media (min-width: 1024px){.html-preview-panel--artworks[popover]{width:720px}}.html-preview-panel[popover]:popover-open{transform:translate(0);opacity:1}.html-preview-scroll{flex:1;overflow-y:auto;padding-bottom:40px}.html-preview-scroll .form-control{width:auto}.html-preview-header{display:flex;justify-content:space-between}@media (max-width: 768px){.html-preview-scroll{overflow-y:visible}}.html-preview-page--artworks-thumb .html-preview-content{width:100%;height:100%}.artwork-preview{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:8px}.artwork-preview-stack{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:flex-start}.artwork-preview-image{max-width:100%;object-fit:contain}.artwork-preview--vertical .artwork-preview-image{max-height:70%}.artwork-preview--horizontal .artwork-preview-image,.artwork-preview--unknown .artwork-preview-image{max-height:calc(100% - 3em)}.artwork-preview-meta{margin-top:4px;font-size:2px;line-height:1;color:#1a1a1a}.artwork-preview-line{display:block;margin:0}.artwork-preview-title{font-weight:600;margin-bottom:1.5px}.artwork-preview--horizontal .artwork-preview-stack{height:auto}.artwork-preview--vertical .artwork-preview-stack{width:auto}.artwork-card--incomplete,.form-control--incomplete{border:1px solid #FACC6B;box-shadow:0 0 0 1px #facc6b66}.html-preview-container{position:relative;transition:transform .2s ease}.artwork-status-badge{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:999px;font-size:9px;line-height:1;background:#fef3c7;color:#92400e;font-weight:500}#html-edit-artwork-pop{display:flex;flex-direction:column;max-height:100vh;max-height:100dvh;border:none;border-radius:0}@media (min-width: 768px){#html-edit-artwork-pop{margin-left:auto}}#html-edit-artwork-pop::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.edit-preview-img{display:block;margin:0 auto 10px;max-width:140px;height:auto}.dims-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.dims-field{display:flex;align-items:center;gap:6px;min-width:0}.dims-label{font-size:12px;opacity:.75;width:14px;text-align:center;flex:0 0 auto}.dims-sep{opacity:.6;flex:0 0 auto}.dims-unit{margin-left:auto;opacity:.7;font-size:12px;padding-left:8px;flex:0 0 auto}.html-preview-scroll .form-control--compact{width:72px;padding:10px;text-align:center}.html-edit-actions{display:flex;gap:8px}.html-save-button{flex:1 1 auto}.html-preview-flex{display:flex;gap:20px;align-items:flex-start}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (min-width: 768px){.brand-name{font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;text-decoration:none;color:#111827}.brand-name-studio{font-size:11px;font-weight:600;background-color:var(--color-brand);color:var(--color-input-bg);padding:2px 6px;border-radius:4px;letter-spacing:normal;text-align:center}.brand-name-container{display:flex;flex-direction:column}}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}