:root{font-family:Aptos,Segoe UI Variable Display,BIZ UDPGothic,sans-serif;color:#201715;background:radial-gradient(circle at top left,rgba(242,109,56,.18),transparent 28%),radial-gradient(circle at right 30%,rgba(38,54,92,.18),transparent 30%),linear-gradient(135deg,#f8f4eb,#efe6d7);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%;background:var(--tone-bg, #efefea);-webkit-text-size-adjust:100%;text-size-adjust:100%}html[data-app-platform=ios]{-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input[type=number]:focus-visible,input[type=color]:focus-visible,.image-card-visual:focus-visible,.topbar-button:focus-visible,.empty-primary-action:focus-visible,.dock-tab:focus-visible,.sheet-option:focus-visible,.sheet-clear:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.ghost-button-danger:focus-visible,.drag-handle:focus-visible,.export-preview-icon-button:focus-visible,.image-editor-icon-button:focus-visible,.crop-handle:focus-visible{outline:none;box-shadow:0 0 0 3px #fcfcfaf5,0 0 0 5px #1d1d1beb}.topbar-button:disabled:focus-visible,.primary-button:disabled:focus-visible,.secondary-button:disabled:focus-visible,.sheet-clear:disabled:focus-visible{box-shadow:none}#root{isolation:isolate;min-height:100%}.app-shell{position:relative;width:min(1400px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px}.ambient{position:fixed;z-index:-1;width:30vw;height:30vw;border-radius:999px;filter:blur(60px);opacity:.55;pointer-events:none}.ambient-one{top:-10vw;left:-8vw;background:#f26d3847}.ambient-two{right:-5vw;bottom:8vh;background:#253a6833}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:28px 30px;border:1px solid rgba(32,23,21,.08);border-radius:28px;background:#fffcf6cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 70px #472d181f}.hero-kicker,.eyebrow{margin:0 0 8px;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:#8a573c}.hero h1,.panel h2{margin:0;font-size:clamp(1.5rem,2vw,2.7rem);line-height:1.02}.hero-copy{max-width:68ch;margin:16px 0 0;line-height:1.7;color:#523d37}.hero-stats{display:grid;gap:12px;min-width:220px}.hero-stats div,.status-card{padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#1d1b1af5,#3a312beb);color:#fff8f0}.hero-stats span,.status-card p{display:block;margin:0 0 6px;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#fff8f0ad}.hero-stats strong,.status-card strong{font-size:1.25rem}.notice-banner{margin:18px 0 0;padding:16px 20px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(32,23,21,.08);color:#583f36}.dashboard{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(340px,1.05fr);gap:20px;margin-top:20px}.column{display:grid;gap:20px;align-content:start}.panel{padding:22px;border-radius:28px;border:1px solid rgba(32,23,21,.08);background:#fffcf6d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #34261b14}.panel-accent{background:linear-gradient(155deg,#fffcf6f2,#fff1e4d6),#fffcf6d1}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:#1d1b1a14;color:#533d35;font-size:.85rem}.dropzone{display:grid;gap:14px;padding:28px;border:1.5px dashed rgba(138,87,60,.35);border-radius:24px;background:linear-gradient(135deg,#fffc,#ffefe1c7),repeating-linear-gradient(135deg,rgba(242,109,56,.05),rgba(242,109,56,.05) 8px,transparent 8px,transparent 16px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dropzone:hover,.dropzone-active{transform:translateY(-2px);border-color:#f26d38b8;box-shadow:0 18px 35px #f26d381f}.dropzone-title{margin:0;font-size:1.12rem;font-weight:700}.dropzone-copy,.dropzone-hint,.empty-state p,.empty-preview p{margin:0;color:#6c5349;line-height:1.6}.dropzone-actions,.panel-actions,.color-field,.range-field{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button-like,.primary-button,.secondary-button,.ghost-button,.drag-handle{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;transition:transform .18s ease,opacity .18s ease,background-color .18s ease}.button-like,.primary-button{min-height:44px;padding:0 18px;background:#f26d38;color:#fff;font-weight:700}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{min-height:44px;padding:0 18px;background:#1d1b1a1a;color:#201715}.ghost-button{min-height:32px;padding:0 12px;background:#1d1b1a14;color:#533d35}.image-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.image-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px;border-radius:22px;background:#ffffffb8;border:1px solid rgba(32,23,21,.06)}.image-card-dragging{box-shadow:0 22px 44px #2e1d122e}.image-card-thumb{overflow:hidden;border-radius:16px;aspect-ratio:1;background:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%),linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%);background-position:0 0,8px 8px;background-size:16px 16px}.image-card-thumb img{width:100%;height:100%;object-fit:cover}.image-card-body{display:flex;align-items:start;justify-content:space-between;gap:12px}.image-card-crop{grid-column:2 / 4;display:grid;gap:12px;padding:12px 14px;border-radius:18px;background:#1d1b1a0d}.crop-help,.crop-summary,.crop-status{margin:0;color:#6d544a;font-size:.88rem}.crop-stage-shell{padding:10px;border-radius:20px;background:#ffffffb8;border:1px solid rgba(32,23,21,.08)}.crop-stage{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(45deg,rgba(32,23,21,.04) 25%,transparent 25%,transparent 75%,rgba(32,23,21,.04) 75%),linear-gradient(45deg,rgba(32,23,21,.04) 25%,transparent 25%,transparent 75%,rgba(32,23,21,.04) 75%),#ffffffdb;background-position:0 0,12px 12px;background-size:24px 24px}.crop-mask{position:absolute;background:#2017156b;pointer-events:none}.crop-frame{position:absolute;border:2px solid rgba(255,255,255,.96);box-shadow:inset 0 0 0 1px #f26d38f2;border-radius:14px;pointer-events:none}.crop-handle{position:absolute;z-index:1;width:24px;height:24px;padding:0;border:2px solid rgba(242,109,56,.95);border-radius:999px;background:#fffffffa;box-shadow:0 8px 18px #2d1e132e;touch-action:none}.crop-slider{display:grid;gap:8px;padding:10px 12px;border-radius:16px;background:#ffffffb8;border:1px solid rgba(32,23,21,.08)}.crop-slider-head span{font-weight:700;color:#533d35}.crop-slider-head strong{color:#7f4a32;font-size:.84rem}.crop-slider input[type=range]{width:100%;margin:0;accent-color:#f26d38}.crop-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.image-card-index,.image-card-meta{margin:0;color:#6d544a}.image-card-index{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.image-card-body h3{margin:2px 0 6px;font-size:1rem}.image-card-tags{display:grid;gap:8px;justify-items:end}.tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f26d3824;color:#9a4e29;font-size:.8rem;font-weight:700}.drag-handle{width:46px;height:46px;flex-direction:column;gap:4px;background:#1d1b1a14}.drag-handle span{width:16px;height:2px;border-radius:999px;background:#544039}.settings-grid{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{font-weight:700}.field input[type=number],.field select{min-height:46px;width:100%;padding:0 14px;border:1px solid rgba(32,23,21,.12);border-radius:16px;background:#ffffffd1;color:#201715}.field input[type=color]{width:58px;height:42px;padding:0;border:none;background:transparent}.color-field code{padding:10px 12px;border-radius:14px;background:#1d1b1a14}.status-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.warning-text{margin:16px 0 0;color:#b0371c;line-height:1.6}.preview-panel{min-height:420px}.preview-shell,.empty-preview{display:grid;place-items:center;min-height:320px;border-radius:24px;background:linear-gradient(45deg,rgba(32,23,21,.04) 25%,transparent 25%,transparent 75%,rgba(32,23,21,.04) 75%),linear-gradient(45deg,rgba(32,23,21,.04) 25%,transparent 25%,transparent 75%,rgba(32,23,21,.04) 75%),#fff9;background-position:0 0,12px 12px;background-size:24px 24px;overflow:auto}.preview-canvas{display:block;max-width:100%;max-height:65vh;border-radius:18px;box-shadow:0 18px 50px #2f1f1529}.empty-state,.empty-preview{padding:22px}@media(max-width:1080px){.dashboard,.hero{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{width:min(100vw - 20px,1400px);padding-top:16px}.panel,.hero{padding:18px;border-radius:22px}.status-card{grid-template-columns:1fr}.image-card{grid-template-columns:72px minmax(0,1fr)}.drag-handle{grid-column:1 / -1;width:100%;height:38px;flex-direction:row}.image-card-body{align-items:start;flex-direction:column}.image-card-crop{grid-column:1 / -1}.crop-slider-grid{grid-template-columns:1fr}.image-list-horizontal{grid-auto-columns:min(78vw,260px)}}@media(prefers-reduced-motion:reduce){.single-empty-state,.image-list-surface,.sheet-backdrop,.sheet-shell,.export-preview-backdrop,.export-preview-panel,.image-editor-backdrop,.image-editor-panel{animation:none!important}.button-like,.primary-button,.secondary-button,.ghost-button,.drag-handle,.topbar-button,.sheet-option,.sheet-clear,.dock-tab,.empty-primary-action,.ghost-button-danger,.image-card-gallery,.image-card-visual,.image-card-drag-fab{transition:none!important}}.info-panel{margin-top:20px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.content-grid+.content-grid{margin-top:14px}.content-grid-faq{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.content-card{padding:18px;border-radius:22px;background:#ffffffb3;border:1px solid rgba(32,23,21,.08)}.content-card-wide{min-width:0}.content-card h3,.content-card h4{margin:0}.content-card h3{font-size:1.06rem}.content-card p,.content-card li{margin:12px 0 0;line-height:1.75;color:#58433b}.content-card ul{margin:12px 0 0;padding-left:1.25rem}.faq-list{display:grid;gap:14px;margin-top:12px}.faq-item{padding-top:14px;border-top:1px solid rgba(32,23,21,.08)}.faq-item:first-child{padding-top:0;border-top:none}.content-links{display:flex;gap:14px;flex-wrap:wrap}.content-links a,.footer-links a{color:#9f4e29;font-weight:700;text-decoration:none}.content-links a:hover,.footer-links a:hover{text-decoration:underline}.app-footer{margin-top:20px;padding:22px;border-radius:28px;border:1px solid rgba(32,23,21,.08);background:#fffcf6d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #34261b14}.footer-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}.footer-copy{margin:12px 0 0;max-width:70ch;line-height:1.7;color:#58433b}.footer-status{display:grid;gap:10px;justify-items:end}.footer-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;font-size:.88rem;font-weight:700}.footer-pill-ready{background:#28855e24;color:#1f724d}.footer-pill-pending{background:#f26d3824;color:#9a4e29}.footer-pill-neutral{background:#1d1b1a14;color:#533d35}.footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid rgba(32,23,21,.08)}@media(max-width:1080px){.content-grid,.content-grid-faq,.footer-top{grid-template-columns:1fr}.footer-status{justify-items:start}}.crop-summary-dirty{color:#ba4a4f;font-weight:700}.crop-actions-buttons{display:flex;gap:10px;flex-wrap:wrap}body{font-family:SF Pro Display,SF Pro Text,Helvetica Neue,Aptos,sans-serif;background:radial-gradient(circle at top,rgba(115,154,255,.22),transparent 34%),radial-gradient(circle at bottom right,rgba(255,168,194,.24),transparent 30%),linear-gradient(180deg,#f4f7ff,#eef2fb 55%,#e7ecf8)}#root{height:100vh;min-height:100vh;display:flex;justify-content:center;padding:clamp(0px,2vw,18px);overflow:hidden}.app-shell-single{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--screen-padding-x: 12px;--screen-gap: 12px;--touch-target-min: 44px;--dock-height: calc(84px + var(--safe-area-bottom));--ad-banner-clearance: 0px;--sheet-dock-clearance: calc(var(--dock-height) + 14px + var(--ad-banner-clearance));position:relative;isolation:isolate;overflow:hidden;width:min(100vw,460px);height:100dvh;min-height:100dvh;margin:0 auto;padding:max(12px,var(--safe-area-top)) var(--screen-padding-x) calc(18px + var(--safe-area-bottom));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--screen-gap);background:linear-gradient(180deg,#fafcfff0,#f3f7ffe6);border:1px solid rgba(255,255,255,.72);box-shadow:0 24px 80px #5d76aa2e,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.app-topbar{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;padding:4px 4px 0}.topbar-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 14px;border:none;border-radius:18px;background:#ffffffc7;color:#17233d;font-weight:700;text-decoration:none;box-shadow:inset 0 1px #ffffffeb,0 10px 26px #586e9d1f}.topbar-button-icon-only{width:50px;min-width:50px;padding:0}.topbar-button:disabled{opacity:.48}.topbar-button-accent{background:#ffffffdb}.topbar-button-primary{background:linear-gradient(180deg,#3f8cff,#2876ff);color:#fff;box-shadow:inset 0 1px #ffffff52,0 16px 28px #3978ff57}.topbar-icon{width:18px;height:18px;flex:none}.topbar-button-icon-only .topbar-icon{width:19px;height:19px}.topbar-center{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 6px}.topbar-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(180deg,#ffffffeb,#e5eefff0);box-shadow:inset 0 1px #fffffff2,0 10px 20px #546d9c24}.brand-mark-icon{width:19px;height:19px;color:#2d67f6}.topbar-brand-copy{min-width:0;display:grid;gap:2px;text-align:left}.topbar-brand-copy strong{font-size:1rem;letter-spacing:-.02em;color:#101828}.topbar-brand-copy span{font-size:.78rem;color:#6d7894;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-scroll{height:100%;overflow:auto;padding:0 4px 4px;overscroll-behavior:contain}.single-empty-state{display:grid;gap:18px;align-content:center;justify-items:center;height:100%;padding:18px 20px 6px}.empty-hero{width:100%;display:grid;gap:14px;justify-items:center;padding:32px 24px;border-radius:34px;background:linear-gradient(180deg,#fffffff0,#f0f5ffd1);box-shadow:inset 0 1px #ffffffeb,0 18px 38px #657aab1f;text-align:center}.empty-hero-icon-wrap{display:grid;place-items:center;width:76px;height:76px;border-radius:26px;background:linear-gradient(180deg,#f4f8ff,#dfeafe);box-shadow:inset 0 1px #ffffffeb,0 14px 28px #5b77b62e}.empty-hero-icon{width:26px;height:26px;color:#2b6bf3}.empty-hero h1{margin:0;font-size:clamp(1.6rem,5vw,2rem);line-height:1.08;letter-spacing:-.04em;color:#0f1933}.empty-hero p{margin:0;line-height:1.7;color:#68748f}.empty-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:999px;background:linear-gradient(180deg,#3d8bff,#2b73ff);color:#fff;font-weight:700;text-decoration:none;box-shadow:inset 0 1px #ffffff47,0 16px 30px #3776ff4d}.image-list-surface{display:grid}.image-list-compact{gap:16px;padding-bottom:4px}.image-list-empty-compact{padding:28px 8px}.image-list-empty-compact p{text-align:center}.image-card-compact{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px;border:none;border-radius:28px;background:linear-gradient(180deg,#ffffffeb,#f4f7ffd1);box-shadow:inset 0 1px #fffffff0,0 18px 34px #5c75a31f}.image-card-dragging{box-shadow:0 26px 50px #4f699933,inset 0 1px #fffffff0}.image-card-compact .image-card-thumb{grid-column:1 / -1;aspect-ratio:16 / 10;border:none;border-radius:22px;background:linear-gradient(45deg,rgba(102,121,170,.05) 25%,transparent 25%,transparent 75%,rgba(102,121,170,.05) 75%),linear-gradient(45deg,rgba(102,121,170,.05) 25%,transparent 25%,transparent 75%,rgba(102,121,170,.05) 75%),linear-gradient(180deg,#ffffffe0,#f1f6ffd1);background-position:0 0,10px 10px,0 0;background-size:20px 20px,20px 20px,auto;box-shadow:inset 0 0 0 1px #ffffffd1}.image-card-compact .image-card-thumb img{object-fit:contain}.image-card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.image-card-copy{min-width:0}.image-card-index,.image-card-meta{margin:0}.image-card-index{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#8995b2}.image-card-body h3{margin:4px 0 8px;font-size:1.02rem;color:#101b34;word-break:break-word}.image-card-meta{font-size:.84rem;color:#6c7893}.image-card-actions,.image-card-tags{display:grid;gap:8px;justify-items:end}.tag{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#5675ff1f;color:#445dad;font-size:.8rem;font-weight:700}.tag-icon,.button-icon,.summary-icon,.drag-handle-icon{width:15px;height:15px;flex:none}.ghost-button-danger{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffdb;color:#42527c;box-shadow:inset 0 0 0 1px #d2dbf1f5}.drag-handle{width:46px;height:46px;border:none;border-radius:16px;background:#edf2ffeb;box-shadow:inset 0 0 0 1px #d6dff5f0}.drag-handle-icon{width:20px;height:20px;color:#6e7c99}.image-card-crop{grid-column:1 / -1;display:grid;gap:14px;padding:14px;border:none;border-radius:24px;background:#f5f8ffe0;box-shadow:inset 0 0 0 1px #dfe7f8f5}.image-card-crop summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;font-weight:700}.image-card-crop summary::-webkit-details-marker{display:none}.crop-summary-label{display:inline-flex;align-items:center;gap:8px;color:#243252}.summary-icon{color:#5a79da}.crop-help,.crop-summary,.crop-status{margin:0;color:#6d7894;font-size:.87rem}.crop-help{line-height:1.6}.crop-stage-shell{padding:12px;border:none;border-radius:24px;background:#ffffffd1;box-shadow:inset 0 0 0 1px #e2e9f7f5}.crop-stage{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(45deg,rgba(32,23,21,.04) 25%,transparent 25%,transparent 75%,rgba(32,23,21,.04) 75%),linear-gradient(45deg,rgba(32,23,21,.04) 25%,transparent 25%,transparent 75%,rgba(32,23,21,.04) 75%),#ffffffe6;background-position:0 0,12px 12px;background-size:24px 24px}.crop-stage-image{width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-mask{position:absolute;background:#131e3a61;pointer-events:none}.crop-mask-top,.crop-mask-bottom{left:0;right:0}.crop-mask-top{top:0}.crop-mask-bottom{bottom:0}.crop-mask-left,.crop-mask-right{position:absolute}.crop-mask-left{left:0}.crop-mask-right{right:0}.crop-frame{position:absolute;border:1.5px solid rgba(255,255,255,.96);box-shadow:inset 0 0 0 1.5px #5b84fff5;border-radius:16px;pointer-events:none}.crop-handle{position:absolute;z-index:1;width:26px;height:26px;padding:0;border:2px solid rgba(103,140,255,1);border-radius:999px;background:#fffffffa;box-shadow:0 8px 18px #344c7d33;touch-action:none}.crop-handle-top{transform:translate(-50%,-50%);cursor:ns-resize}.crop-handle-right{transform:translate(50%,-50%);cursor:ew-resize}.crop-handle-bottom{transform:translate(-50%,50%);cursor:ns-resize}.crop-handle-left{transform:translate(-50%,-50%);cursor:ew-resize}.crop-slider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crop-slider{display:grid;gap:8px;padding:12px;border-radius:18px;background:#ffffffd6;box-shadow:inset 0 0 0 1px #e2e8f6f0}.crop-slider-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.crop-slider-head span{font-weight:700;color:#30405f}.crop-slider-head strong{color:#5270cb;font-size:.84rem}.crop-slider input[type=range]{width:100%;margin:0;accent-color:#4d80ff}.crop-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.button-like,.primary-button,.secondary-button,.ghost-button,.drag-handle,.topbar-button,.sheet-option,.sheet-clear,.dock-tab,.empty-primary-action,.ghost-button-danger{transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background-color .18s ease}.button-like:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.drag-handle:hover,.topbar-button:hover,.sheet-option:hover,.sheet-clear:hover,.dock-tab:hover,.empty-primary-action:hover,.ghost-button-danger:hover{transform:translateY(-1px)}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:999px}.primary-button{min-height:42px;padding:0 18px;background:linear-gradient(180deg,#3d8bff,#2b73ff);color:#fff;font-weight:700;box-shadow:inset 0 1px #ffffff47,0 14px 26px #3776ff3d}.primary-button:disabled,.secondary-button:disabled,.sheet-clear:disabled,.topbar-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-button{min-height:42px;padding:0 18px;background:#ffffffe0;color:#314364;box-shadow:inset 0 0 0 1px #d8e1f4f0}.ghost-button{min-height:34px;padding:0 12px;background:#ecf1fee6;color:#40527d;box-shadow:inset 0 0 0 1px #dce4f7eb}.sheet-overlay{position:absolute;inset:0 0 var(--sheet-dock-clearance) 0;z-index:24;display:flex;align-items:flex-end;pointer-events:none;padding:0 4px}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:linear-gradient(180deg,#f4f7ff0a,#52648c1a 52%,#1e2a4733);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:overlay-fade .18s ease both}.sheet-shell{position:relative;width:100%;max-height:min(68vh,560px);overflow:auto;margin:0;padding-top:10px;border-radius:30px 30px 26px 26px;background:#f5f8ffeb;box-shadow:0 -10px 26px #596f9d1f,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto;overscroll-behavior:contain;animation:sheet-rise .22s cubic-bezier(.22,1,.36,1)}.sheet-grabber{width:42px;height:5px;margin:0 auto 12px;border-radius:999px;background:#7681a152}.control-sheet{display:grid;gap:16px;padding:0 16px 18px;background:transparent}.sheet-heading{display:grid;gap:6px}.sheet-kicker{margin:0;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#7c87a3}.sheet-title{margin:0;font-size:1.08rem;line-height:1.15;color:#101b34}.sheet-copy{margin:0;color:#6b7690;line-height:1.55}.sheet-block{display:grid;gap:10px;padding:14px;border-radius:22px;background:#ffffffc7;box-shadow:inset 0 0 0 1px #dfe6f7f0}.sheet-section-title{margin:0;font-weight:700;color:#1b2745}.sheet-option-grid{display:grid;gap:10px}.sheet-option-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-option-grid-3,.sheet-option-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-option{min-height:44px;padding:0 12px;border:none;border-radius:16px;background:#ecf1fef0;color:#445272;font-weight:700}.sheet-option-active,.dock-tab-active{background:linear-gradient(180deg,#3d8bff,#2b73ff);color:#fff;box-shadow:inset 0 1px #ffffff3d,0 14px 24px #3c7aff47}.sheet-field{display:grid;gap:8px}.sheet-field span{font-weight:700;color:#243459}.sheet-field input[type=number],.sheet-field input[type=range]{width:100%}.sheet-field input[type=number]{min-height:44px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:#243459;box-shadow:inset 0 0 0 1px #dce4f7f0}.sheet-field input[type=range]{accent-color:#4f80ff}.sheet-field-inline{grid-template-columns:auto auto;align-items:center;justify-content:start;gap:12px}.sheet-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sheet-metric-card{padding:13px;border-radius:20px;background:#ffffffd1;box-shadow:inset 0 0 0 1px #dfe6f7f0}.sheet-metric-card span{display:block;margin-bottom:6px;font-size:.74rem;color:#7c87a3}.sheet-metric-card strong{font-size:.94rem;color:#182542}.sheet-warning{margin:0;padding:12px 14px;border-radius:18px;background:#ff746b1f;color:#ba3e47;font-size:.88rem}.sheet-note{margin:0;padding:12px 14px;border-radius:18px;background:#5d7bd21a;color:#49639c;font-size:.88rem;line-height:1.55}.sheet-clear{min-height:46px;border:none;border-radius:18px;background:#ffffffe6;color:#30415f;box-shadow:inset 0 0 0 1px #dce4f7f0}.export-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top,0px)) 12px max(14px,env(safe-area-inset-bottom,0px))}.export-preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0e162947;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:overlay-fade .18s ease both}.export-preview-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(100%,520px);max-height:min(94dvh,920px);padding:18px;border-radius:34px;background:linear-gradient(180deg,#fafcfffa,#f0f6fff0);box-shadow:inset 0 1px #fffffff0,0 32px 72px #1724433d;transform-origin:center bottom;animation:modal-rise .26s cubic-bezier(.22,1,.36,1)}.export-preview-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.export-preview-icon-button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:none;border-radius:16px;background:#edf2ffeb;color:#41527e;box-shadow:inset 0 0 0 1px #dbe3f6f0}.export-preview-heading{min-width:0;display:grid;gap:2px}.export-preview-heading p{margin:0;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#7c87a3}.export-preview-heading strong{margin:0;color:#0f1933;font-size:1rem}.export-preview-save-button{gap:8px;min-height:46px;padding-inline:16px}.export-preview-icon{width:16px;height:16px;flex:none}.export-preview-scroll{min-height:0;display:grid;gap:14px;overflow:auto;padding-right:2px}.export-preview-stage-shell{display:grid;gap:12px;padding:14px;border-radius:28px;background:#ffffffd1;box-shadow:inset 0 0 0 1px #dfe6f7f0}.export-preview-stage{display:grid;place-items:center;min-height:240px;border-radius:24px;overflow:auto;background:linear-gradient(45deg,rgba(32,23,21,.04) 25%,transparent 25%,transparent 75%,rgba(32,23,21,.04) 75%),linear-gradient(45deg,rgba(32,23,21,.04) 25%,transparent 25%,transparent 75%,rgba(32,23,21,.04) 75%),#f8faffeb;background-position:0 0,12px 12px;background-size:24px 24px}.export-preview-canvas-wrap{width:100%;min-height:240px}.export-preview-canvas{max-height:min(52vh,460px)}.export-preview-empty{width:100%}.export-preview-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#6d7894;font-size:.86rem}.bottom-dock{position:relative;z-index:26;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 4px 4px}.dock-tab{display:grid;justify-items:center;gap:4px;min-height:72px;padding:10px 6px;border:none;border-radius:22px;background:#fffc;color:#55627f;box-shadow:inset 0 1px #ffffffeb,0 12px 26px #5f76a61a}.dock-tab-label{font-size:.74rem;font-weight:700}.dock-tab-value{max-width:100%;font-size:.68rem;color:var(--tone-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-tab-active .dock-tab-value{color:#ffffffd1}.dock-tab-icon{width:18px;height:18px}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes content-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-rise{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){#root{padding:0}.app-shell-single{width:100vw;border-radius:0;border:none;box-shadow:none}.sheet-overlay{padding:0}.sheet-shell{margin:0;border-radius:28px 28px 0 0}.export-preview-overlay{padding:0}.export-preview-panel{width:100%;max-height:100%;border-radius:28px 28px 0 0;padding:16px 14px calc(20px + env(safe-area-inset-bottom,0px))}.export-preview-header{grid-template-columns:auto minmax(0,1fr)}.export-preview-save-button{grid-column:1 / -1;width:100%}.export-preview-stage{min-height:200px}.export-preview-canvas{max-height:min(44vh,360px)}.crop-slider-grid{grid-template-columns:1fr}}@media(min-width:720px){.app-shell-single{height:min(calc(100dvh - 36px),920px);min-height:min(calc(100dvh - 36px),920px);border-radius:42px}}.single-main{min-height:0;height:100%;overflow:hidden;padding-bottom:var(--ad-banner-clearance)}.single-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;min-height:0}.live-preview-card{display:grid;gap:10px;padding:14px;border-radius:24px;background:var(--tone-surface);box-shadow:inset 0 0 0 1px var(--tone-line),var(--tone-shadow)}.live-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.live-preview-heading{display:grid;gap:4px}.live-preview-heading p{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tone-muted)}.live-preview-heading strong{color:var(--tone-text);font-size:1rem}.live-preview-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--tone-surface-2);color:var(--tone-text);font-size:.76rem;font-weight:700;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--tone-line)}.live-preview-stage-shell{padding:0;border-radius:20px;overflow:hidden}.live-preview-shell{min-height:148px;border-radius:20px}.live-preview-canvas{max-height:min(24vh,180px)}.live-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--tone-muted);font-size:.83rem}.live-preview-warning{margin:0;padding:10px 12px;border-radius:16px;background:#c74b521f;color:#9a3138;font-size:.84rem}.single-scroll{height:100%;min-height:0;padding:0 4px 8px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.single-scroll-vertical{overflow-x:hidden}.single-scroll-horizontal{overflow-x:auto;overflow-y:hidden}.single-empty-state,.image-list-surface{animation:content-fade-in .24s cubic-bezier(.22,1,.36,1)}.image-list-surface{min-height:100%}.image-list-surface-horizontal{display:flex;align-items:center;height:100%}.image-list-compact{gap:8px}.image-list-vertical{align-content:start}.image-list-horizontal{grid-auto-flow:column;grid-auto-columns:clamp(220px,66vw,292px);align-items:center;width:max-content;min-height:100%;padding-right:8px}.image-card-gallery{position:relative;display:block;gap:0;padding:0;background:none;border:none;box-shadow:none;overflow:visible;transition:transform .22s cubic-bezier(.22,1,.36,1)}.image-card-gallery.image-card-dragging{box-shadow:none}.image-list-horizontal .image-card-gallery{scroll-snap-align:start}.image-card-visual{position:relative;display:block;width:100%;aspect-ratio:16 / 10;padding:0;border:none;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#fffffff0,#f0f5ffd6);box-shadow:inset 0 1px #fffffff5,0 16px 28px #586d991f;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.image-card-visual:active{transform:scale(.985)}.image-card-visual img{width:100%;height:100%;object-fit:contain}.image-card-order-chip,.image-card-crop-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:0 12px;border-radius:999px;background:#ffffffe6;color:#2d426f;box-shadow:inset 0 1px #ffffffeb,0 10px 20px #53689529}.image-card-order-chip{top:12px;left:12px;font-size:.76rem;font-weight:700;letter-spacing:.12em}.image-card-crop-chip{bottom:12px;left:12px;min-width:36px;width:36px;height:36px;padding:0}.image-card-crop-chip-icon,.image-editor-header-icon{width:16px;height:16px}.image-card-drag-fab{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;transition:transform .22s cubic-bezier(.22,1,.36,1)}.image-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) 12px max(16px,env(safe-area-inset-bottom,0px))}.image-editor-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0f182b47;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:overlay-fade .18s ease both}.image-editor-panel{position:relative;width:min(100%,480px);max-height:min(88vh,820px);margin:auto;overflow:auto;padding:18px 18px 20px;border-radius:32px;background:linear-gradient(180deg,#fafcfffa,#f0f6ffeb);box-shadow:inset 0 1px #fffffff0,0 32px 60px #1724433d;transform-origin:center center;animation:modal-rise .24s cubic-bezier(.22,1,.36,1)}.image-editor-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:16px}.image-editor-icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:none;border-radius:16px;background:#edf2ffeb;color:#41527e;box-shadow:inset 0 0 0 1px #dbe3f6f0}.image-editor-delete-button{color:#c44757}.image-editor-heading{min-width:0;display:grid;gap:2px}.image-editor-heading p{margin:0;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#7c87a3}.image-editor-heading strong{overflow:hidden;margin:0;color:#0f1933;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.image-editor-stage-wrap{margin-bottom:12px}.image-editor-stage-shell{padding:14px;border-radius:28px}.image-editor-stage{border-radius:22px;max-height:46vh}.image-editor-meta-strip{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;color:#6d7894;font-size:.86rem}.image-editor-slider-grid{margin-bottom:14px}.image-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.image-editor-actions-primary{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:720px){.live-preview-card{padding:12px}.live-preview-shell{min-height:132px}.live-preview-canvas{max-height:150px}.image-editor-overlay{align-items:center;padding:max(12px,env(safe-area-inset-top,0px)) 10px max(12px,env(safe-area-inset-bottom,0px))}.image-editor-panel{width:min(100%,480px);max-height:min(92dvh,820px);border-radius:28px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.image-editor-stage{max-height:36vh}.image-editor-actions,.image-editor-actions-primary{width:100%}.image-editor-actions{align-items:stretch}.image-editor-actions>.ghost-button{width:100%}.image-editor-actions-primary button{flex:1}}:root{--tone-bg: #efefea;--tone-shell: #f7f7f3;--tone-surface: #fcfcfa;--tone-surface-2: #f1f1ec;--tone-line: rgba(22, 22, 20, .1);--tone-line-strong: rgba(22, 22, 20, .16);--tone-text: #161614;--tone-muted: #666660;--tone-accent: #1d1d1b;--tone-accent-text: #ffffff;--tone-danger: #c74b52;--tone-shadow: 0 14px 32px rgba(17, 17, 15, .08)}body{background:var(--tone-bg)}html[data-app-mode=native] body{background:var(--tone-bg);overscroll-behavior:none;touch-action:manipulation}html[data-app-mode=native] .app-shell{width:100%}html[data-app-mode=native] .app-shell-single{width:100vw;max-width:none;margin:0;border-top:0;border-inline:0;border-radius:0;box-shadow:none}html[data-app-platform=ios] .single-scroll,html[data-app-platform=ios] .image-list-horizontal,html[data-app-platform=ios] .image-list-vertical{-webkit-overflow-scrolling:touch}html[data-app-platform=ios] .topbar-button,html[data-app-platform=ios] .empty-primary-action,html[data-app-platform=ios] .sheet-option,html[data-app-platform=ios] .sheet-clear,html[data-app-platform=ios] .primary-button,html[data-app-platform=ios] .secondary-button,html[data-app-platform=ios] .ghost-button,html[data-app-platform=ios] .ghost-button-danger,html[data-app-platform=ios] .export-preview-icon-button,html[data-app-platform=ios] .image-editor-icon-button{min-height:var(--touch-target-min)}html[data-app-platform=ios] .topbar-button-icon-only,html[data-app-platform=ios] .export-preview-icon-button,html[data-app-platform=ios] .image-editor-icon-button{min-width:var(--touch-target-min)}.app-shell-single{background:var(--tone-shell);border:1px solid var(--tone-line);box-shadow:0 24px 56px #11110f14;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-button,.dock-tab,.sheet-option,.sheet-clear,.ghost-button,.secondary-button,.drag-handle,.export-preview-icon-button,.image-editor-icon-button,.ghost-button-danger{background:var(--tone-surface-2);color:var(--tone-text);box-shadow:inset 0 0 0 1px var(--tone-line)}.topbar-button-accent{background:var(--tone-surface)}.topbar-button-primary,.primary-button,.empty-primary-action,.sheet-option-active,.dock-tab-active{background:var(--tone-accent);color:var(--tone-accent-text);box-shadow:none}.topbar-brand-mark,.empty-hero-icon-wrap{background:var(--tone-surface);box-shadow:inset 0 0 0 1px var(--tone-line)}.brand-mark-icon,.empty-hero-icon,.summary-icon,.tag-icon,.drag-handle-icon,.dock-tab-icon,.topbar-brand-copy strong,.empty-hero h1,.sheet-title,.sheet-section-title,.export-preview-heading strong,.image-editor-heading strong,.crop-slider-head span,.crop-slider-head strong{color:var(--tone-text)}.topbar-brand-copy span,.empty-hero p,.sheet-copy,.sheet-kicker,.sheet-metric-card span,.export-preview-meta,.image-editor-meta-strip,.crop-help,.crop-summary,.crop-status,.image-card-index,.image-card-meta{color:var(--tone-muted)}.empty-hero,.image-card-compact,.image-card-visual,.sheet-shell,.sheet-block,.sheet-metric-card,.export-preview-panel,.export-preview-stage-shell,.image-editor-panel,.crop-stage-shell,.crop-slider{background:var(--tone-surface);box-shadow:inset 0 0 0 1px var(--tone-line),var(--tone-shadow)}.image-card-compact,.image-card-gallery,.image-card-visual,.sheet-shell,.export-preview-panel,.image-editor-panel,.crop-stage-shell,.crop-slider,.sheet-block,.sheet-metric-card,.export-preview-stage-shell,.sheet-option,.dock-tab,.topbar-button,.empty-primary-action,.primary-button,.secondary-button,.ghost-button,.drag-handle,.export-preview-icon-button,.image-editor-icon-button,.ghost-button-danger,.sheet-clear{border:none}.image-card-dragging{box-shadow:0 20px 40px #11110f1f}.image-card-visual{background:#f8f8f5}.image-card-order-chip,.image-card-crop-chip{background:#fcfcfaf0;color:var(--tone-text);box-shadow:inset 0 0 0 1px var(--tone-line)}.tag{background:var(--tone-surface-2);color:var(--tone-text)}.sheet-backdrop,.export-preview-backdrop,.image-editor-backdrop{background:#0c0c0a29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sheet-grabber{background:#16161429}.sheet-option,.dock-tab{color:var(--tone-muted)}.sheet-field span,.sheet-metric-card strong{color:var(--tone-text)}.sheet-field input[type=number]{background:var(--tone-surface);color:var(--tone-text);box-shadow:inset 0 0 0 1px var(--tone-line)}.sheet-field input[type=range],.crop-slider input[type=range]{accent-color:var(--tone-accent)}.sheet-note{background:#1616140f;color:var(--tone-muted)}.sheet-warning{background:#c74b521f;color:#9a3138}.empty-primary-action,.primary-button,.topbar-button-primary,.sheet-option-active,.dock-tab-active{font-weight:700}.image-editor-delete-button{color:var(--tone-danger)}.crop-mask{background:#10100e57}.crop-frame{border-color:#fffffff5;box-shadow:inset 0 0 0 1.5px #1d1d1beb}.crop-handle{border-color:var(--tone-accent);background:var(--tone-surface);box-shadow:0 8px 18px #11110f24}@media(max-width:720px){.app-shell-single{box-shadow:none;border:none}}@media(min-width:900px){#root{align-items:center;padding:24px}.app-shell-single{width:min(calc(100vw - 48px),1040px);height:min(calc(100dvh - 48px),920px);min-height:min(calc(100dvh - 48px),920px);padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));gap:18px;border-radius:34px;--sheet-dock-clearance: calc(var(--dock-height) + 18px + var(--ad-banner-clearance))}.app-topbar,.single-main,.bottom-dock{width:min(100%,920px);margin-inline:auto}.app-topbar{padding-inline:0}.single-workspace{grid-template-columns:minmax(280px,320px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:18px}.live-preview-card{align-content:start;height:100%}.live-preview-shell{min-height:220px;height:100%}.live-preview-canvas{max-height:min(42vh,280px)}.single-scroll{padding-inline:0;padding-bottom:12px}.single-empty-state{padding:28px 32px 12px}.empty-hero{max-width:720px;margin-inline:auto;padding:44px 40px}.image-list-surface-vertical,.image-list-vertical{width:min(100%,760px);margin-inline:auto}.image-list-horizontal{grid-auto-columns:minmax(320px,380px);padding-right:16px}.bottom-dock{grid-template-columns:repeat(4,minmax(120px,168px));justify-content:center;gap:12px;padding:0}.export-preview-panel,.image-editor-panel{width:min(100%,760px)}}