:root{--bg: #eef2f7;--panel: #ffffff;--line: #d6deea;--text: #18293f;--muted: #5f738d;--accent: #2f80ed;--accent-strong: #1e63c0}*{box-sizing:border-box}body.mobile-page{margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}body.mobile-page button:hover{transform:none;box-shadow:none}.mobile-layout{min-height:100vh;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 84px)}.mobile-header{position:sticky;top:0;z-index:35;background:#fffffff7;border-bottom:1px solid var(--line);padding:14px 14px 10px}.mobile-header h1{margin:0;font-size:1.22rem}.mobile-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-title-actions{display:flex;align-items:center;gap:8px}.mobile-header p{margin:6px 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.mobile-icon-btn{min-height:34px;min-width:34px;width:34px;height:34px;padding:0;border-radius:999px;font-size:.95rem;line-height:1}.mobile-icon-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8cbea;background:#edf4ff;color:#1a4f91;font-weight:700;text-decoration:none}.mobile-icon-link:hover,.mobile-icon-link:focus-visible{color:#1a4f91;text-decoration:none}.mobile-top-tabs{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-top-tabs a{min-height:44px;border-radius:10px;border:1px solid #b8cbea;background:#edf4ff;color:#1a4f91;text-decoration:none;font-size:.92rem;font-weight:700;display:flex;align-items:center;justify-content:center}.mobile-top-tabs a[aria-current=page]{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-color:transparent}.mobile-main{padding:12px}.mobile-home-page,.mobile-details-page,.mobile-sketch-page,.mobile-faq-page{background:radial-gradient(circle at 10% -20%,#d6e4ff,#eff3f9 62%,#e6edf7)}.mobile-home-page .mobile-layout{padding-bottom:14px}.home-main{padding:18px}.home-frame{background:#fff;border:1px solid #d7deea;border-radius:22px;overflow:hidden;box-shadow:0 16px 32px #102c5224}.home-hero{padding:18px 20px 16px}.home-hero-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.home-app-icon{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#2f80ed,#1e63c0);display:flex;align-items:center;justify-content:center;font-size:1.12rem}.home-hero h1{margin:0;font-size:1.5rem;letter-spacing:-.01em}.home-hero p{margin:4px 0 0;color:#4f6179;line-height:1.45}.home-hero a{color:#2f64d6;text-decoration:none}.home-hero a:hover,.home-hero a:focus-visible{text-decoration:underline}.home-tabs{border-top:1px solid #e2e7f0;border-bottom:1px solid #e2e7f0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px}.home-tabs a{min-height:42px;border-radius:12px;border:1px solid #d8dfeb;background:#f6f8fc;color:#4a5d76;text-decoration:none;font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0e284814}.home-tabs a[aria-current=page]{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2f80ed,#1d5ec1)}.home-content{padding:16px 20px 18px}.details-content{padding-top:14px}.details-content .home-chip,.sketch-content .home-chip{margin-bottom:10px}.sketch-main{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 86px)}.sketch-content{padding-top:14px;padding-bottom:14px}.faq-main{padding-bottom:18px}.faq-content{padding-top:14px}.mobile-faq-list{display:grid;gap:10px}.mobile-faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 22px #0a244214;padding:10px 12px}.mobile-faq-item summary{cursor:pointer;list-style:none;font-size:.95rem;font-weight:700;color:#1b304a;position:relative;padding-right:16px}.mobile-faq-item summary::-webkit-details-marker{display:none}.mobile-faq-item summary:after{content:"+";position:absolute;right:0;top:0;color:#2f80ed;font-weight:700}.mobile-faq-item[open] summary:after{content:"-"}.mobile-faq-item p{margin:8px 0 0;color:#5b6e88;line-height:1.52}.mobile-about-faq-link{margin-top:10px}.mobile-about-faq-link a{color:#2d61ce;font-weight:600;text-decoration:none}.mobile-about-faq-link a:hover,.mobile-about-faq-link a:focus-visible{text-decoration:underline}.home-chip{display:inline-flex;align-items:center;gap:5px;background:#eaf1ff;color:#2d61ce;font-size:.82rem;font-weight:700;padding:6px 10px;border-radius:999px}.home-content h2{margin:14px 0 8px;font-size:1.38rem}.home-content p{margin:0;color:#5b6e88;line-height:1.55}.home-cta-list{margin-top:16px;display:grid;gap:10px}.home-cta-card{text-decoration:none;color:#fff;border-radius:14px;padding:14px 14px 14px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;position:relative;overflow:hidden;box-shadow:0 14px 24px #16428147}.home-cta-card:after{content:"";position:absolute;width:94px;height:94px;border-radius:999px;right:-26px;top:-22px;background:#ffffff14}.home-cta-details{background:linear-gradient(135deg,#2f80ed,#1d5ec1)}.home-cta-sketch{background:linear-gradient(135deg,#2949af,#203b91)}.home-cta-icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.16rem;z-index:1}.home-cta-text{display:grid;gap:2px;z-index:1}.home-cta-text strong{font-size:1.08rem;line-height:1.2}.home-cta-text small{font-size:.9rem;line-height:1.35;color:#ffffffeb}.home-cta-arrow{font-size:1.5rem;font-weight:700;color:#ffffffe6;z-index:1}.home-dots{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:6px}.home-dots span{width:8px;height:8px;border-radius:999px;background:#c2ccda}.home-dots span.is-active{width:24px;background:#2f6ed7}.mobile-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 30px #0a244214;padding:14px}.mobile-card h2{margin:0;font-size:1.06rem}.mobile-card p{margin:8px 0 0;color:var(--muted);line-height:1.5}.mobile-card-actions{margin-top:12px;display:grid;gap:10px}.mobile-primary-btn{min-height:56px;border-radius:10px;padding:12px 14px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;text-decoration:none;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.mobile-primary-btn span{font-size:.83rem;font-weight:500;line-height:1.4}.mobile-details-main{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 90px)}.mobile-accordion{margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 22px #0a24420f}.mobile-accordion summary{list-style:none;cursor:pointer;padding:12px;font-size:.94rem;font-weight:700;color:#1b304a}.mobile-accordion summary::-webkit-details-marker{display:none}.mobile-fields{border-top:1px solid #e7edf7;padding:10px 12px 12px}.mobile-fields label{display:block;margin:8px 0 5px;font-size:.82rem;color:var(--muted);font-weight:600}.mobile-fields input,.mobile-fields textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:16px}.mobile-fields textarea{min-height:92px;resize:vertical}.mobile-fields input:focus,.mobile-fields textarea:focus{outline:none;border-color:#7ca8e8;box-shadow:0 0 0 3px #2f80ed24}.mobile-bottom-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#eff3f8fa;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}.mobile-bottom-btn{min-height:46px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;text-decoration:none;font-weight:700;display:flex;align-items:center;justify-content:center}.mobile-sketch-page .mobile-layout{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 74px)}.mobile-canvas-panel{padding:12px}#canvas-wrapper{min-height:72vh}.mobile-hidden-form-store{display:none}.mobile-fab{position:fixed;left:0;right:0;width:fit-content;max-width:calc(100vw - 24px);margin-inline:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 86px);z-index:60;min-height:46px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:700;padding:10px 14px;cursor:pointer}.mobile-sheet-open .mobile-fab{opacity:0;visibility:hidden;pointer-events:none}.mobile-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;gap:8px;overflow-x:auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#fffffffa;border-top:1px solid var(--line)}.mobile-action-bar button{min-height:42px;white-space:nowrap;border-radius:10px}.mobile-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b192d73;z-index:80;display:none}.mobile-sheet-backdrop.is-open{display:block}.mobile-tool-sheet{position:fixed;left:0;right:0;bottom:0;z-index:81;background:#fff;border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -14px 34px #0a244233;max-height:76vh;overflow:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));display:none}.mobile-tool-sheet.is-open{display:block}.mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.mobile-sheet-head h2{margin:0;font-size:1rem}.mobile-sheet-head button{min-height:36px;padding:6px 10px}.mobile-category-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:10px}.mobile-category-tabs button{min-height:38px;border-radius:10px;border:1px solid #b8cbea;background:#edf4ff;color:#1a4f91;font-size:.8rem;font-weight:700;white-space:nowrap}.mobile-category-tabs button.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-color:transparent}.mobile-category-panel{display:none}.mobile-category-panel.is-active{display:block}.mobile-category-panel .tool-buttons{display:flex;flex-wrap:wrap;gap:8px}.mobile-category-panel .tool-buttons button{min-height:44px;border-radius:10px}@media (min-width: 901px){body.mobile-page{background:#e9eef5}.mobile-layout{width:min(520px,100%);margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--bg)}.mobile-bottom-cta,.mobile-action-bar,.mobile-tool-sheet,.mobile-sheet-backdrop{width:min(520px,100%);left:50%;right:auto;transform:translate(-50%)}.mobile-fab{width:fit-content;max-width:90%;left:0;right:0;transform:none}}