: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}body{margin:0;min-width:320px;min-height:100vh}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}#root{isolation:isolate}.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}.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-help,.crop-summary,.crop-status{margin:0;color:#6d544a;font-size:.88rem}.crop-help{line-height:1.6}.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-stage-image{width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-mask{position:absolute;background:#2017156b;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: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-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:10px 12px;border-radius:16px;background:#ffffffb8;border:1px solid rgba(32,23,21,.08)}.crop-slider-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.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}}.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:#b0371c;font-weight:700}.crop-actions-buttons{display:flex;gap:10px;flex-wrap:wrap}