@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{color:#242021;font-synthesis:none;text-rendering:optimizelegibility;--red:#cc092f;--red-dark:#a80627;--border:#e5dedd;background:#f6f3f2;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{flex-direction:column;min-height:100vh;display:flex}header{place-items:center;height:92px;padding:12px;display:grid}header img{object-fit:cover;border-radius:50%;width:68px;height:68px;box-shadow:0 5px 18px #7c0a2140}main{flex:1;width:min(100% - 28px,620px);margin:0 auto}footer{text-align:center;color:#817777;padding:24px 12px 18px;font-size:.76rem}.upload-card{border:1px solid var(--border);background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:410px;padding:48px 24px;display:flex;box-shadow:0 10px 35px #4b1a2410}.upload-card h1{margin:18px 0 24px;font-size:1.45rem}.upload-card p{color:#817777;margin:16px 0 0;font-size:.78rem}.upload-icon{width:82px;height:82px;color:var(--red);background:#fce8ed;border-radius:50%;place-items:center;font-size:3rem;font-weight:300;display:grid}.primary-button,.secondary-button,.reset-button{cursor:pointer;border:0;border-radius:14px;min-height:50px;padding:0 22px;font-weight:700;transition:transform .15s,background .15s}.primary-button{background:var(--red);color:#fff;box-shadow:0 6px 15px #cc092f35}.primary-button:hover{background:var(--red-dark)}.primary-button:active,.secondary-button:active,.reset-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.58;cursor:wait}.secondary-button,.reset-button{color:var(--red);background:#fff;border:1px solid #e8b8c3}.notice{border-radius:13px;margin:0 0 12px;padding:12px 14px;font-size:.86rem;line-height:1.4}.notice.error{color:#8c172c;background:#ffe5e9}.notice.warning{color:#704b00;background:#fff0c7}.notice.info{color:#1f4b68;background:#e3f4ff}.editor-panel{background:#fff;border-radius:24px;padding:10px 10px 16px;box-shadow:0 10px 35px #4b1a2410}.canvas-wrap{aspect-ratio:1;touch-action:none;background:#d8d1cf;border-radius:17px;width:100%;position:relative;overflow:hidden}.frame-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.editor-controls{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 5px 5px;display:grid}.editor-controls label{font-size:.82rem;font-weight:700}.editor-controls input{width:100%;accent-color:var(--red)}.reset-button{border-radius:10px;min-height:39px;padding:0 12px;font-size:.78rem}.gesture-hint{text-align:center;color:#8a8081;margin:9px 0 0;font-size:.72rem}.frame-section{margin-top:18px}.frame-section h2{margin:0 0 10px 3px;font-size:.95rem}.frame-list{align-items:stretch;gap:10px;padding:2px 2px 8px;display:flex;overflow-x:auto}.frame-option{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;flex:0 0 124px;grid-template-rows:110px 1fr;align-items:start;width:124px;min-width:124px;height:158px;padding:5px;display:grid}.frame-option.selected{border-color:var(--red)}.frame-option img{object-fit:contain;background:#eee;border-radius:9px;width:110px;height:110px;display:block}.frame-option span{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;padding:6px 2px 2px;font-size:.68rem;line-height:1.25;display:-webkit-box;overflow:hidden}.actions{grid-template-columns:1fr 1.35fr;gap:10px;margin-top:16px;display:grid}.download-button{width:100%}.loading{text-align:center;color:#766;padding:60px 0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=680px){header{height:112px}header img{width:78px;height:78px}.editor-panel{padding:14px 14px 18px}.canvas-wrap{border-radius:18px}.actions{grid-template-columns:180px 1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}