:root{font-family:SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;color:#111;background:radial-gradient(circle at top left,rgba(255,255,255,.98),rgba(245,245,247,.8) 38%,transparent 58%),linear-gradient(180deg,#f4f5f7,#eef1f5);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1400px,calc(100vw - 32px));margin:0 auto;padding:32px 0 56px}.hero-panel{display:block}.control-panel,.card,.empty-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbd;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 60px #0f172a14,inset 0 1px #ffffffa6}.control-panel{border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:16px}.panel-heading h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.05em}.upload-dropzone{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:176px;padding:24px;border-radius:24px;border:1.5px dashed rgba(17,17,17,.14);background:linear-gradient(180deg,#ffffffd9,#f3f5f7b3),#ffffffbf;overflow:hidden}.upload-dropzone span{font-size:24px;font-weight:600;letter-spacing:-.03em}.upload-dropzone small{color:#6b7280;font-size:14px}.upload-dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.panel-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.segment-control{display:inline-flex;padding:4px;border-radius:999px;background:#1111110f}.segment{border:0;background:transparent;color:#5b6472;padding:12px 18px;border-radius:999px}.segment.active{background:#fff;color:#111;box-shadow:0 10px 24px #0f172a17}.primary-button,.secondary-button,.icon-button{border:0;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-button{min-height:48px;padding:0 18px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#111,#2e3036);box-shadow:0 18px 30px #1111112e}.secondary-button{min-height:42px;padding:0 14px;border-radius:999px;background:#ffffffeb;color:#1f2937;border:1px solid rgba(17,17,17,.08);box-shadow:0 8px 24px #94a3b824}.icon-button{width:42px;height:42px;border-radius:999px;background:#ffffffeb;color:#111;font-size:24px;line-height:1;box-shadow:0 8px 24px #94a3b824}.carousel-section{margin-top:24px}.carousel-track{display:flex;gap:28px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.batch-group{display:flex;gap:20px;flex:0 0 auto;padding-right:8px}.card{flex:0 0 min(360px,calc(100vw - 56px));border-radius:28px;padding:18px;scroll-snap-align:start}.card-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.card-label{margin:0;font-size:18px;font-weight:600;letter-spacing:-.03em}.card-actions{display:flex;gap:10px;align-items:center}.capture-surface{display:flex;align-items:center;justify-content:center;min-height:620px;padding:18px;border-radius:24px;background:radial-gradient(circle at top,#ffffffe6,#f1f3f68f 48%,#e7ebf0d9)}.shell{position:relative;width:min(100%,360px)}.shell-phone{aspect-ratio:1022 / 2082}.phone-screen{position:absolute;z-index:1;left:5.088%;top:2.209%;width:89.824%;height:95.581%;overflow:hidden;border-radius:13.725%/6.332%;background:#000}.phone-screen .screen-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transform:translateY(0)}.phone-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none}.shell-tablet{aspect-ratio:2048 / 2732}.tablet-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9%;padding:3.6%;background:linear-gradient(135deg,#121418,#242932 32%,#111318);box-shadow:0 28px 44px #0f172a38,inset 0 2px 3px #ffffff38,inset 0 -2px 8px #00000057}.tablet-camera{position:absolute;top:2.3%;left:50%;width:1.7%;aspect-ratio:1;transform:translate(-50%);border-radius:999px;background:radial-gradient(circle at 35% 35%,#85a5ffcc,#0e1420f2 42%,#000);box-shadow:0 0 0 .5px #ffffff38}.tablet-screen{width:100%;height:100%;overflow:hidden;border-radius:6.8%;background:#000}.screen-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.empty-state{margin-top:24px}.empty-card{border-radius:28px;padding:64px 28px;text-align:center}.empty-card h2{margin:0 0 10px;font-size:28px;letter-spacing:-.04em}.empty-card p{margin:0;color:#6b7280}@media (max-width: 960px){.app-shell{width:min(100vw - 24px,960px);padding-top:18px}.hero-panel{grid-template-columns:1fr}.control-panel,.card,.empty-card{border-radius:24px}.card-toolbar{flex-direction:column}.card-actions{flex-wrap:wrap}.capture-surface{min-height:520px}.carousel-track{gap:20px}.batch-group{gap:16px}}