*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf8;--canvas:#f3f2ef;--white:#fff;--black:#1a1a1a;--text:#1a1a1a;--text-muted:#777;--text-light:#aaa;--yellow:#ffe500;--yellow-note:#fff9c4;--yellow-border:#f0db00;--cyan:#00d9c7;--cyan-pale:#e0faf8;--pink:#ff4d8d;--pink-pale:#ffeef5;--green:#4ade80;--green-pale:#ecfdf5;--wa-green:#25d366;--blue:#09f;--border-light:1px solid #e8e8e8;--border-mid:1px solid #d0d0d0;--border-dark:1.5px solid var(--black);--sh-card:0 2px 12px #0000000f, 0 1px 3px #0000000a;--sh-hover:0 8px 32px #0000001a, 0 2px 8px #0000000f;--sh-input:0 1px 4px #0000000f;--sh-note:2px 4px 12px #0000001a;--sh-btn:0 2px 8px #ffe50059, 0 1px 3px #0000001a;--sh-float:0 12px 40px #00000014;--font-pixel:"Pixelify Sans", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", "Courier New", monospace;--radius-sm:4px;--radius:10px;--radius-lg:16px;--radius-pill:999px;--transition:.15s ease}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#00000012 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}.app-stickers{pointer-events:none;z-index:0;position:fixed;inset:0}.sticker{-webkit-user-select:none;user-select:none;filter:drop-shadow(1px 3px 5px #00000021);animation:7s ease-in-out infinite stickerFloat;position:absolute}.sticker.s1{font-size:2.4rem;animation-delay:0s;top:9%;left:5%;transform:rotate(-13deg)}.sticker.s2{font-size:2rem;animation-delay:1.3s;top:16%;right:6%;transform:rotate(10deg)}.sticker.s3{font-size:1.9rem;animation-delay:.7s;top:50%;left:3.5%;transform:rotate(-7deg)}.sticker.s4{font-size:2.3rem;animation-delay:2.1s;top:66%;right:4%;transform:rotate(17deg)}.sticker.s5{font-size:1.7rem;animation-delay:3.2s;top:35%;right:7%;transform:rotate(-5deg)}.sticker.s6{font-size:2rem;animation-delay:1.6s;top:80%;left:6%;transform:rotate(9deg)}@keyframes stickerFloat{0%,to{translate:0}50%{translate:0 -9px}}.app-wrapper{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:28px 20px 80px;display:flex;position:relative}.header{text-align:center;margin-top:36px;margin-bottom:32px}.eyebrow-badge{background:var(--yellow);border:1px solid var(--yellow-border);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--black);letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--sh-note);transition:transform var(--transition), box-shadow var(--transition);align-items:center;gap:7px;margin-bottom:24px;padding:6px 16px;font-size:.64rem;font-weight:500;display:inline-flex}.eyebrow-badge:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ffe50066}.pulse-dot{background:var(--black);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}.header-title{font-family:var(--font-pixel);letter-spacing:.01em;color:var(--black);margin-bottom:18px;font-size:clamp(2.8rem,9vw,5.6rem);font-weight:700;line-height:1.05}.title-accent{background:var(--yellow);border-radius:4px;padding:0 10px 2px;display:inline-block;transform:rotate(-1deg)}.header-sub{color:var(--text-muted);max-width:360px;margin:0 auto;font-size:1rem;font-weight:400;line-height:1.65}.ruler-bar{background:var(--white);border:var(--border-light);z-index:1;border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;align-items:flex-end;width:100%;max-width:600px;height:24px;padding:0 4px;display:flex;position:relative;overflow:hidden}.ruler-mark{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex}.ruler-mark:after{content:"";background:#dedede;width:1px;height:5px}.ruler-mark.major:after{background:#bdbdbd;height:11px}.ruler-num{font-family:var(--font-mono);color:var(--text-light);margin-bottom:2px;font-size:.44rem;position:absolute;bottom:0}.main-card{background:var(--white);border:var(--border-light);outline-offset:3px;width:100%;max-width:560px;box-shadow:var(--sh-float);border-radius:0 0 var(--radius) var(--radius);z-index:1;transition:box-shadow var(--transition);outline:2px dashed #0099ff73;padding:30px 26px;position:relative}.main-card:hover{box-shadow:0 20px 60px #0000001a}.handle{background:var(--white);border:1.5px solid var(--blue);z-index:10;width:8px;height:8px;transition:background var(--transition);border-radius:1px;position:absolute}.handle:hover{background:var(--blue)}.handle.tl{top:-4px;left:-4px}.handle.tr{top:-4px;right:-4px}.handle.bl{bottom:-4px;left:-4px}.handle.br{bottom:-4px;right:-4px}.handle.mt{top:-4px;left:50%;transform:translate(-50%)}.handle.mb{bottom:-4px;left:50%;transform:translate(-50%)}.handle.ml{top:50%;left:-4px;transform:translateY(-50%)}.handle.mr{top:50%;right:-4px;transform:translateY(-50%)}.field-group{margin-bottom:0}.field-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:7px;margin-bottom:10px;font-size:.62rem;font-weight:500;display:flex}.field-divider{border:none;border-top:1px dashed #e8e8e8;margin:22px 0}.url-input-wrap{align-items:center;display:flex;position:relative}.url-icon{pointer-events:none;z-index:1;font-size:.9rem;position:absolute;left:12px}.url-input{background:var(--bg);border:var(--border-light);border-radius:var(--radius);width:100%;font-family:var(--font-mono);color:var(--text);box-shadow:var(--sh-input);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);outline:none;padding:11px 14px 11px 38px;font-size:.78rem}.url-input::placeholder{color:var(--text-light);font-family:var(--font-body);font-size:.84rem}.url-input:focus{border-color:var(--black);background:var(--white);box-shadow:0 0 0 3px #0000000f, var(--sh-input)}.parsed-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.parsed-chip{background:var(--yellow);border:1px solid var(--yellow-border);border-radius:var(--radius-pill);font-family:var(--font-mono);box-shadow:var(--sh-note);align-items:center;gap:5px;padding:4px 12px;font-size:.7rem;font-weight:500;animation:.2s cubic-bezier(.34,1.56,.64,1) tagPop;display:inline-flex}.parsed-chip.accent{background:var(--cyan-pale);border-color:var(--cyan)}@keyframes tagPop{0%{opacity:0;transform:scale(.82)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.chip-label{letter-spacing:.06em;opacity:.55;font-size:.54rem}.chip-value{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.72rem;font-weight:500;overflow:hidden}.emoji-textarea{background:var(--yellow-note);border-radius:var(--radius);width:100%;font-family:var(--font-body);color:var(--text);resize:vertical;min-height:78px;box-shadow:var(--sh-note);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);border:1px solid #ede380;outline:none;padding:12px 14px;font-size:1.05rem;line-height:1.7;transform:rotate(-.3deg)}.emoji-textarea::placeholder{color:#bbb380;font-size:.88rem}.emoji-textarea:focus{border-color:#c8bc00;transform:rotate(0);box-shadow:0 4px 20px #ffe50040}.count-tag{background:var(--yellow);border:1px solid var(--yellow-border);border-radius:var(--radius-pill);font-family:var(--font-mono);margin-left:auto;padding:2px 10px;font-size:.58rem;font-weight:500;box-shadow:0 1px 4px #00000014}.field-error{font-family:var(--font-mono);color:var(--pink);align-items:center;gap:5px;margin-top:6px;font-size:.74rem;font-weight:500;display:flex}.field-error:before{content:"⚠"}.cooldown-row{background:var(--bg);border:var(--border-light);border-radius:var(--radius);box-shadow:var(--sh-input);align-items:center;gap:10px;margin-bottom:12px;padding:11px 14px;display:flex}.cd-dots{align-items:center;gap:6px;display:flex}.cd-dot{background:#e8e8e8;border:1px solid #d0d0d0;border-radius:50%;flex-shrink:0;width:13px;height:13px;transition:all .2s}.cd-dot.used{background:var(--wa-green);border-color:#1fae53;box-shadow:0 1px 4px #25d36659}.cd-dot.used-cd{background:var(--pink);border-color:#e0336b;box-shadow:0 1px 4px #ff4d8d59}.cd-label{color:var(--text-muted);flex:1;font-size:.83rem;font-weight:400}.cd-badge{font-family:var(--font-mono);letter-spacing:.06em;background:var(--yellow);border:1px solid var(--yellow-border);border-radius:var(--radius-pill);white-space:nowrap;transition:all var(--transition);padding:3px 10px;font-size:.58rem;font-weight:500;box-shadow:0 1px 4px #00000012}.cd-badge.on-cd{background:var(--pink-pale);border-color:var(--pink);color:var(--pink)}.cd-bar-wrap{align-items:center;gap:12px;margin-bottom:14px;display:flex}.cd-bar-track{border:var(--border-light);border-radius:var(--radius-pill);background:#f0f0f0;flex:1;height:6px;overflow:hidden}.cd-bar-fill{background:linear-gradient(90deg, var(--pink), #ff85b3);border-radius:var(--radius-pill);height:100%;transition:width 1s linear}.cd-bar-label{font-family:var(--font-mono);color:var(--pink);white-space:nowrap;text-align:right;min-width:90px;font-size:.67rem;font-weight:500}.submit-btn{background:var(--yellow);border:1px solid var(--yellow-border);border-radius:var(--radius);width:100%;font-family:var(--font-pixel);color:var(--black);letter-spacing:.04em;cursor:pointer;box-shadow:var(--sh-btn);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);outline:none;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:15px 24px;font-size:.85rem;font-weight:700;display:flex}.submit-btn:hover:not(:disabled){background:#ffe800;transform:translateY(-2px);box-shadow:0 6px 24px #ffe50080,0 2px 8px #0000001a}.submit-btn:active:not(:disabled){box-shadow:var(--sh-btn);transform:translateY(0)}.submit-btn:disabled{color:#aaa;cursor:not-allowed;box-shadow:none;background:#f0f0f0;border-color:#e0e0e0}.submit-btn.loading{background:#fff9c4}.spinner{border:2px solid #0000001f;border-top-color:var(--black);border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.log-section{margin-top:22px}.log-box{background:var(--bg);border:var(--border-light);border-radius:var(--radius);max-height:200px;box-shadow:var(--sh-input);flex-direction:column;gap:5px;padding:12px 14px;display:flex;overflow-y:auto}.log-box::-webkit-scrollbar{width:3px}.log-box::-webkit-scrollbar-track{background:0 0}.log-box::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.log-item{font-family:var(--font-mono);align-items:flex-start;gap:8px;font-size:.7rem;line-height:1.5;animation:.18s fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.log-icon{border:1px solid;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;margin-top:1px;font-size:.58rem;font-weight:600;display:flex}.log-icon.info{color:#3b82f6;background:#eff6ff}.log-icon.success{background:var(--green-pale);color:#16a34a}.log-icon.error{background:var(--pink-pale);color:var(--pink)}.log-icon.warn{background:var(--yellow-note);color:#a16207}.log-text{color:var(--text-muted)}.log-time{color:var(--text-light);margin-left:4px;font-size:.6rem}.result-card{background:var(--green-pale);border-radius:var(--radius);border:1px solid #a7f3d0;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;animation:.3s cubic-bezier(.34,1.56,.64,1) tagPop;display:flex;box-shadow:0 2px 8px #4ade8026}.result-card.error{background:var(--pink-pale);border-color:#fbcfe8;box-shadow:0 2px 8px #ff4d8d1a}.result-icon{flex-shrink:0;font-size:1.3rem}.result-card strong{font-family:var(--font-pixel);margin-bottom:4px;font-size:.78rem;font-weight:700;display:block}.result-card p{font-family:var(--font-mono);color:var(--text-muted);word-break:break-all;font-size:.64rem}@media (width<=600px){.sticker.s2,.sticker.s4,.sticker.s5{display:none}.header-title{font-size:2.4rem}.main-card{padding:20px 14px}.ruler-bar{display:none}}