:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--sunrise-glow:linear-gradient(135deg, #e05a47 0%, #e69a5d 50%, #b83b5e 100%);--sunrise-bright:#e05a47;--sunrise-sub:#b83b5e;--bg-warm-white:#faf7f5;--card-bg:#fff;--text-dark:#2c2c35;--text-muted:#7a7f8a;--border-subtle:#e8e2dc}body{background-color:var(--bg-warm-white);color:var(--text-dark);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{-webkit-backdrop-filter:blur(10px);cursor:pointer;z-index:100;background:#faf8f6d9;border-bottom:1px solid #eae5e0b3;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.header-logo{letter-spacing:1px;background:var(--sunrise-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:24px;font-weight:900;display:flex}.sunrise-svg-icon{width:28px;height:28px;transition:transform .3s}.header-logo:hover .sunrise-svg-icon{transform:rotate(15deg)scale(1.1)}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:60px 20px}.hero-banner{text-align:center;margin-bottom:50px}.hero-banner h1{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:16px;font-size:36px;font-weight:800}.hero-banner p{color:var(--text-muted);font-size:17px;line-height:1.6}.category-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:45px;display:flex}.tab-btn{border:1px solid var(--border-subtle);color:var(--text-dark);cursor:pointer;background:#fff;border-radius:50px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000005}.tab-btn:hover{border-color:var(--sunrise-bright);color:var(--sunrise-bright);transform:translateY(-1px)}.tab-btn.active{background:var(--sunrise-glow);color:#fff;border:none;box-shadow:0 6px 18px #e05a4733}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.tool-card{background:var(--card-bg);cursor:pointer;border:1px solid #efebe7;border-radius:24px;flex-direction:column;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000003}.card-icon{margin-bottom:20px;font-size:40px;display:inline-block}.tool-card h2{color:var(--text-dark);margin:0 0 12px;font-size:20px;font-weight:800}.tool-card p{color:var(--text-muted);flex-grow:1;margin:0 0 24px;font-size:14.5px;line-height:1.6}.tool-card.active:hover{border-color:#0000;transform:translateY(-8px);box-shadow:0 15px 35px #e05a4714}.tool-card.active:hover:before{content:"";background:var(--sunrise-glow);height:4px;position:absolute;top:0;left:0;right:0}.tool-card.disabled{opacity:.55;cursor:not-allowed;background-color:#f5f3f0}.badge{border-radius:30px;align-self:flex-start;padding:6px 14px;font-size:12px;font-weight:800}.badge.ready{color:var(--sunrise-bright);background-color:#fff0ec}.badge.upcoming{color:#888;background-color:#eaeaea}.back-nav{margin-bottom:30px}.btn-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:16px;font-weight:700;transition:color .2s;display:flex}.btn-back:hover{color:var(--sunrise-bright)}.converter-card{background:var(--card-bg);border:1px solid var(--border-subtle);text-align:center;border-radius:28px;max-width:650px;margin:0 auto;padding:45px;box-shadow:0 10px 40px #00000008}.converter-header h2{color:var(--text-dark);margin-bottom:10px;font-size:26px;font-weight:800}.converter-header p{color:var(--text-muted);margin-bottom:35px;font-size:15px}.file-upload-zone{margin-bottom:35px}.file-hidden{display:none}.file-drop-label{cursor:pointer;background-color:#fafafb;border:2px dashed #ccd1d9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;transition:all .25s;display:flex}.file-drop-label:hover{border-color:var(--sunrise-bright);background-color:#fff9f6}.upload-cloud-icon{margin-bottom:16px;font-size:44px}.file-name-text{color:var(--sunrise-sub);word-break:break-all;font-size:16px;font-weight:800}.placeholder-text{color:#7b8a98;font-size:15px;font-weight:600}.btn-gradient-submit{background:var(--sunrise-glow);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:18px;font-size:17px;font-weight:800;transition:all .25s;box-shadow:0 6px 20px #b83b5e2e}.btn-gradient-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #b83b5e4d}.btn-gradient-submit:disabled{box-shadow:none;cursor:not-allowed;color:#9ca3af;background:#d1d5db}.app-footer{text-align:center;color:#a0aec0;border-top:1px solid var(--border-subtle);background-color:#fff;padding:30px;font-size:14px;font-weight:500}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-header{padding:15px 20px}.header-logo{font-size:18px}.sunrise-svg-icon{width:22px;height:22px}.main-content{padding:40px 16px}.hero-banner h1{letter-spacing:-.5px;word-break:keep-all;padding:0 10px;font-size:24px;line-height:1.4}.hero-banner p{word-break:keep-all;font-size:14px;line-height:1.5}.category-tabs{gap:8px;margin-bottom:30px}.tab-btn{padding:8px 16px;font-size:13px}.tools-grid{gap:16px}.tool-card{border-radius:20px;padding:24px}}.running-cat-trigger{cursor:pointer;z-index:999;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;animation:.6s ease-in-out infinite alternate catHopAnimation;display:flex;position:fixed;bottom:35px;right:35px}.cat-sprite{filter:drop-shadow(0 6px 12px #00000026);font-size:3.2rem;transition:transform .2s}.running-cat-trigger:hover .cat-sprite{transform:scale(1.15)}.cat-speech-bubble{color:#fff;white-space:nowrap;opacity:0;background:#e05a47;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s ease-in-out;position:absolute;top:-42px;transform:translateY(6px);box-shadow:0 4px 12px #e05a4759}.running-cat-trigger:hover .cat-speech-bubble{opacity:1;transform:translateY(0)}@keyframes catHopAnimation{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.media-tool-page{box-sizing:border-box;flex:1;width:100%;max-width:1120px;margin:0 auto;padding:34px 20px 56px}.media-back-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;margin-bottom:20px;font-size:15px;font-weight:800}.media-back-button:hover{color:var(--sunrise-bright)}.media-tool-hero{text-align:center;margin-bottom:28px}.media-tool-hero span{color:var(--sunrise-bright);background:#fff0ec;border:1px solid #ffd5cb;border-radius:999px;margin-bottom:12px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.media-tool-hero h1{color:var(--text-dark);margin:0 0 10px;font-size:30px;font-weight:900;line-height:1.25}.media-tool-hero p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.media-workbench{grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr);align-items:start;gap:24px;display:grid}.media-panel{border:1px solid var(--border-subtle);box-sizing:border-box;background:#fff;border-radius:18px;box-shadow:0 10px 30px #2b251f0a}.media-control-panel{flex-direction:column;gap:16px;padding:24px;display:flex}.media-control-panel h2,.media-preview-panel h2{color:var(--text-dark);margin:0;font-size:17px;font-weight:900}.media-preview-panel{background:#f5f6f8;flex-direction:column;gap:16px;min-height:480px;padding:24px;display:flex}.media-segmented{grid-auto-flow:column;gap:8px;display:grid}.media-segmented button{color:#44444e;cursor:pointer;background:#fff;border:1px solid #d8d2cd;border-radius:10px;min-height:44px;font-weight:900}.media-segmented button.active{border:2px solid var(--sunrise-bright);color:var(--sunrise-bright);background:#fff0ec}.media-option{color:var(--text-dark);text-align:left;flex-direction:column;gap:7px;font-size:14px;font-weight:900;display:flex}.media-option input,.media-option select{color:var(--text-dark);box-sizing:border-box;background:#fff;border:1px solid #cfc8c1;border-radius:10px;min-height:42px;padding:0 12px;font-size:15px}.media-option input[type=range]{accent-color:var(--sunrise-bright);padding:0}.media-two-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.media-drop-zone{cursor:pointer;background:#fbfaf9;border:2px dashed #c9c4bf;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:160px;padding:20px;transition:all .2s;display:flex}.media-drop-zone.active,.media-drop-zone:hover{border-color:var(--sunrise-bright);background:#fff8f5}.media-drop-icon{background:var(--sunrise-glow);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:900;display:grid;box-shadow:0 8px 18px #e05a4733}.media-drop-zone strong{color:var(--text-dark);font-size:15px}.media-drop-zone>span{color:var(--text-muted);font-size:13px}.media-file-list{flex-direction:column;gap:7px;width:100%;margin:10px 0 0;padding:0;list-style:none;display:flex}.media-file-list li{color:#47434b;background:#fff;border:1px solid #ece5df;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.media-file-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-file-list button{color:var(--sunrise-bright);cursor:pointer;background:#ffe8e3;border:0;border-radius:999px;width:22px;height:22px;font-weight:900}.media-primary-button{background:var(--sunrise-glow);color:#fff;cursor:pointer;border:0;border-radius:13px;width:100%;min-height:52px;font-size:16px;font-weight:900;box-shadow:0 8px 22px #b83b5e2e}.media-primary-button:disabled{color:#9aa1ac;box-shadow:none;cursor:not-allowed;background:#d1d5db}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.media-preview-grid img,.media-video-preview{aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid #e3e5ea;border-radius:12px;width:100%}.media-video-preview{aspect-ratio:16/9}.media-preview-placeholder{color:#8a93a3;text-align:center;box-sizing:border-box;background:#f9fafb;border:1px dashed #d3d7df;border-radius:14px;place-items:center;min-height:250px;padding:24px;font-weight:800;display:grid}.media-format-note,.media-empty-note{color:var(--text-muted);font-size:13px;line-height:1.6}.media-result-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.media-result-list li,.media-size-card{text-align:left;background:#fff;border:1px solid #e6e8ee;border-radius:12px;flex-direction:column;gap:4px;padding:13px 14px;display:flex}.media-result-list strong,.media-size-card strong{color:var(--text-dark);font-size:14px}.media-result-list span,.media-size-card span,.media-size-card small{color:var(--text-muted);font-size:12px}.media-progress-track{background:#e3e6eb;border-radius:999px;width:100%;height:10px;overflow:hidden}.media-progress-track span{border-radius:inherit;background:var(--sunrise-glow);height:100%;transition:width .2s;display:block}.media-compare-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.media-compare-grid>div{flex-direction:column;gap:8px;display:flex}.media-compare-grid span{color:var(--text-muted);text-align:left;font-size:12px;font-weight:900}.media-compare-grid img{aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #e3e5ea;border-radius:12px;width:100%}.checkerboard{background-image:linear-gradient(45deg,#d7dbe3 25%,#0000 25%),linear-gradient(-45deg,#d7dbe3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7dbe3 75%),linear-gradient(-45deg,#0000 75%,#d7dbe3 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.word-counter-layout{grid-template-columns:minmax(360px,1.3fr) minmax(300px,.7fr);align-items:stretch;gap:22px;display:grid}.word-editor-panel,.word-stats-panel,.admin-panel{flex-direction:column;gap:16px;padding:24px;display:flex}.word-editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.word-editor-header h2,.word-stats-panel h2,.admin-panel h2{color:var(--text-dark);margin:0;font-size:17px;font-weight:900}.word-editor-header button{color:var(--sunrise-bright);cursor:pointer;background:#fff0ec;border:1px solid #ffd1c7;border-radius:999px;padding:8px 13px;font-weight:900}.word-editor-panel textarea{width:100%;min-height:470px;color:var(--text-dark);resize:vertical;box-sizing:border-box;background:#fffdfc;border:1px solid #e1d9d2;border-radius:14px;padding:18px;font-size:16px;line-height:1.65}.word-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.word-stat-card{text-align:left;background:#fff8f5;border:1px solid #ffe1d8;border-radius:12px;flex-direction:column;gap:7px;padding:16px;display:flex}.word-stat-card span{color:var(--text-muted);font-size:12px;font-weight:900}.word-stat-card strong{color:var(--text-dark);font-size:26px;line-height:1.1}.admin-panel{max-width:760px;margin:0 auto}.admin-error{color:#c2410c;background:#fff2ed;border:1px solid #fecab7;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:800}.admin-data-list,.admin-event-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-data-list li,.admin-event-list li{text-align:left;background:#fff;border:1px solid #ece5df;border-radius:10px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.admin-event-list li{flex-direction:column}.admin-data-list span,.admin-event-list span,.admin-event-list small{color:var(--text-muted);font-size:12px}.admin-data-list strong,.admin-event-list strong{color:var(--text-dark);font-size:14px}.pdf-order-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.pdf-order-list li{color:var(--text-dark);text-align:left;background:#fff;border:1px solid #e6e8ee;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:13px;display:flex}.pdf-order-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pdf-order-list div{gap:6px;display:flex}.pdf-order-list button,.json-actions button{color:var(--sunrise-bright);cursor:pointer;background:#fff0ec;border:1px solid #ffd1c7;border-radius:8px;min-width:32px;min-height:30px;font-weight:900}.pdf-order-list button:disabled,.json-actions button:disabled{opacity:.35;cursor:not-allowed}.json-tool-layout{grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);gap:22px;display:grid}.json-editor-panel,.json-result-panel{flex-direction:column;gap:16px;padding:24px;display:flex}.json-actions{gap:8px;display:flex}.json-editor-panel textarea,.qr-textarea{width:100%;color:var(--text-dark);resize:vertical;box-sizing:border-box;background:#fffdfc;border:1px solid #e1d9d2;border-radius:14px;padding:16px;font-size:15px;line-height:1.6}.json-editor-panel textarea{min-height:500px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.qr-textarea{min-height:150px}.json-status{text-align:left;border-radius:10px;padding:11px 12px;font-size:13px;font-weight:900}.json-status.valid{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.json-status.invalid{color:#c2410c;background:#fff2ed;border:1px solid #fecab7}.json-output{min-height:320px;max-height:520px;color:var(--text-dark);text-align:left;white-space:pre-wrap;word-break:break-word;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:0;padding:16px;font-size:13px;line-height:1.55;overflow:auto}.qr-preview{aspect-ratio:1;object-fit:contain;box-sizing:border-box;background:#fff;border:1px solid #e3e5ea;border-radius:14px;align-self:center;width:min(100%,420px);padding:18px}@media (width<=860px){.media-workbench{grid-template-columns:1fr}.media-tool-hero h1{font-size:24px}.media-two-columns,.media-segmented{grid-template-columns:1fr;grid-auto-flow:row}.media-compare-grid,.word-counter-layout,.word-stat-grid,.json-tool-layout{grid-template-columns:1fr}}