:root{font-family:Avenir Next,Helvetica Neue,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;color:#173b75;background:#f7faff;font-synthesis:none;--navy:#173b75;--muted:#60749b;--line:#d7e5f7;--blue:#3568f4;--cyan:#11c4e8;--purple:#a63de8;--surface:#fff;--grad:linear-gradient(115deg,var(--cyan),var(--blue) 52%,var(--purple))}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;min-width:0;background:#f7faff}button,a,input{font:inherit}button,a{transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}button{color:inherit}a{text-decoration:none;color:inherit}svg{width:1.25em;height:1.25em}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(53,104,244,.35);outline-offset:3px}.site-shell{overflow:hidden}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);background:#ffffffe6;border-bottom:1px solid rgba(215,229,247,.75);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:600;letter-spacing:-.7px}.brand b{color:#8756e7;font-weight:600}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:2px solid transparent;border-radius:11px;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;color:#3568f4;font-size:20px;font-weight:700;transform:rotate(45deg)}.brand-mark>*{transform:rotate(-45deg)}.brand-mark span{color:#a63de8}.site-header nav{display:flex;align-items:center;gap:34px;color:#526a91;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--blue)}.nav-cta,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--grad);color:#fff!important;border:0;border-radius:13px;padding:14px 21px;font-weight:700;box-shadow:0 10px 25px #3568f433}.nav-cta{padding:10px 16px}.nav-cta:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #3568f44d}.hero{min-height:690px;position:relative;display:flex;align-items:center;padding:70px clamp(24px,8vw,130px);isolation:isolate}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#f7fafffa,#f7faffed 37%,#f7faff70 66%,#f7faff0d),linear-gradient(0deg,rgba(247,250,255,.35),transparent 35%)}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(53,104,244,.12);border-radius:50%;left:-260px;bottom:-250px;box-shadow:0 0 0 70px #3568f406,0 0 0 140px #a63de805}.hero-content{max-width:610px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#4f66c8;font-size:12px;letter-spacing:2.1px;font-weight:700}.eyebrow svg{color:#a63de8}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.18;letter-spacing:-4px;margin:22px 0 25px;color:#173b75}.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{font-size:18px;line-height:2;color:#50698f}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:35px}.primary-button{cursor:pointer}.text-link{font-weight:700;color:#415e91}.text-link span{margin-left:8px;color:#8a5be5}.floating-note{position:absolute;right:5vw;bottom:45px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);box-shadow:0 15px 40px #314f9021;border-radius:18px;padding:17px 22px;display:flex;gap:15px;align-items:center}.floating-note span{font-size:11px;color:#8b5de5;border-right:1px solid var(--line);padding-right:14px}.floating-note p{margin:0;color:#52698e;font-size:12px;line-height:1.6}.section{padding:110px clamp(24px,8vw,130px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:46px}.section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;line-height:1.35;margin:13px 0 0}.section-heading>p{color:var(--muted);line-height:1.9;margin:0}.tools{background:radial-gradient(circle at 100% 30%,#ede8ff 0,transparent 26%),#f7faff}.tool-card{max-width:1220px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 22px 70px #2b4e8f1a;overflow:hidden}.tool-copy{padding:34px 40px}.status-pill{font-size:10px;letter-spacing:1.5px;font-weight:700;background:#e9fbf8;color:#168c87;border-radius:99px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px}.status-pill i{width:6px;height:6px;border-radius:50%;background:#1bbfae}.tool-number{font-size:11px;color:#8c9cb8;letter-spacing:1.8px;margin-top:38px}.tool-copy h3{font-size:52px;line-height:1.08;letter-spacing:-2px;margin:12px 0 20px}.tool-copy>p:not(.tool-number){color:var(--muted);line-height:1.9}.feature-row{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0}.feature-row span{font-size:12px;color:#536d99}.feature-row span:before{content:"✓";color:#5069ec;margin-right:6px}.tool-preview{min-height:440px;position:relative;overflow:hidden;border-radius:20px;background:#e8e5ff}.tool-preview img{width:100%;height:100%;position:absolute;object-fit:cover}.preview-frame{position:absolute;top:25px;right:25px;bottom:25px;left:25px;border:2px solid rgba(255,255,255,.9);color:#fff;font:600 12px ui-monospace;padding:16px}.preview-frame .rec-dot{display:inline-block;width:8px;height:8px;background:#ff365f;border-radius:50%;margin-right:6px}.preview-frame b{float:right}.preview-frame small{position:absolute;bottom:14px;left:16px}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:#fff}.about-visual{height:540px;position:relative;border-radius:28px;overflow:hidden;background:#eeeaff}.about-visual img{width:100%;height:100%;object-fit:cover}.lab-label{position:absolute;right:20px;bottom:20px;background:#fff;padding:15px 18px;border-radius:13px;font-size:11px;line-height:1.5;letter-spacing:1.7px;font-weight:700}.about-copy>p{color:var(--muted);line-height:2;max-width:600px}.promise{display:flex;gap:15px;padding:18px;border:1px solid var(--line);border-radius:16px;margin-top:30px;background:#f9fbff}.promise>svg{color:#3568f4;width:28px;height:28px}.promise div{display:flex;flex-direction:column;gap:6px}.promise span{font-size:13px;color:var(--muted)}footer{min-height:150px;padding:40px clamp(24px,8vw,130px);display:flex;align-items:center;gap:30px;background:#f4f7fd;color:#7890b3}footer p{flex:1}.footer-links{display:flex;align-items:flex-end;flex-direction:column;gap:8px;font-size:12px}.footer-links a:hover{color:var(--blue);text-decoration:underline}.editor-page{width:100%;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(17,196,232,.08),transparent 30%),radial-gradient(circle at 90% 30%,rgba(166,61,232,.07),transparent 30%),#f7faff}.editor-main{width:100%;max-width:1500px;margin:auto;padding:38px 42px 60px}.editor-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.editor-title h1{font-size:34px;letter-spacing:-1.5px;margin:8px 0 4px}.editor-title p{margin:0;color:var(--muted)}.privacy-chip{display:flex;align-items:center;gap:10px;border:1px solid #cfe7e3;background:#effbf8;padding:11px 14px;border-radius:12px;color:#37746e;font-size:12px}.privacy-chip svg{color:#168c87}.privacy-chip span{display:flex;flex-direction:column;gap:2px}.editor-layout{min-width:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(350px,.7fr);gap:20px}.workspace,.settings-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 45px #2f4e8914}.workspace{padding:18px;display:flex;flex-direction:column;justify-content:center;min-height:690px}.canvas-wrap{position:relative;max-width:100%;background:#eaf0f8;border-radius:15px;overflow:hidden;display:none;touch-action:none;cursor:grab}.canvas-wrap.has-image{display:block}.canvas-wrap:active{cursor:grabbing}.canvas-wrap canvas{display:block;width:100%;height:100%;max-width:100%;touch-action:none}.canvas-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;color:#91a5c4;gap:8px}.canvas-placeholder svg{width:38px;height:38px}.drop-zone{min-height:520px;border:1.5px dashed #aec8ef;border-radius:16px;background:linear-gradient(135deg,#f8fdff,#f7f5ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer}.drop-zone:hover,.drop-zone.is-dragging{border-color:#6f71ef;background:#f2f5ff}.upload-icon{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:var(--grad);color:#fff;box-shadow:0 13px 25px #3568f433;margin-bottom:8px}.upload-icon svg{width:28px;height:28px}.drop-zone b{font-size:18px}.drop-zone>span:not(.upload-icon){color:var(--muted);font-size:13px}.drop-zone small{color:#98a8be;margin-top:10px}.drop-zone .drop-privacy{display:flex;align-items:center;gap:5px;color:#37746e;background:#effbf8;border:1px solid #cfe7e3;padding:7px 10px;border-radius:99px;margin-top:5px}.drop-privacy svg{width:14px;height:14px}.workspace-bar{min-width:0;display:flex;align-items:center;gap:15px;padding:17px 4px 0}.workspace-bar button,.panel-head button{border:0;background:transparent;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;font-weight:600}.workspace-bar label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-left:auto}.workspace-bar input{accent-color:#5568f3;max-width:120px}.file-name{font-size:11px;color:#8293ae;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-bar .icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px}.settings-panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf2f8;padding-bottom:18px}.panel-head span{font-size:9px;color:#8a9bb6;letter-spacing:1.7px}.panel-head h2{font-size:19px;margin:4px 0 0}.panel-head button{color:#6b7f9f}.settings-panel fieldset{border:0;padding:19px 0;margin:0;border-bottom:1px solid #edf2f8}.settings-panel legend{font-size:12px;font-weight:700;margin-bottom:13px}.segmented{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px}.segmented button{flex:1;border:0;background:transparent;border-radius:7px;padding:8px 3px;font-size:11px;cursor:pointer}.segmented button.active{background:#edf1ff;color:#405ae0;font-weight:700}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.template-grid>button{position:relative;border:1px solid var(--line);background:#fff;border-radius:11px;padding:7px 7px 9px;cursor:pointer}.template-grid>button.active{border:2px solid #5e65eb;background:#f8f8ff;padding:6px 6px 8px}.template-grid b{font-size:10px}.template-grid em{position:absolute;right:5px;top:5px;background:#5967ea;color:#fff;width:16px;height:16px;border-radius:50%;font-size:10px;font-style:normal}.template-thumb{height:52px;background:linear-gradient(135deg,#9ccfe2,#9894d8);display:block;border-radius:6px;margin-bottom:7px;position:relative;overflow:hidden}.template-thumb:before,.template-thumb:after{content:"";position:absolute;border-color:#fff;border-style:solid;width:12px;height:10px}.template-thumb:before{left:5px;top:5px;border-width:1px 0 0 1px}.template-thumb:after{right:5px;bottom:5px;border-width:0 1px 1px 0}.template-thumb.rec{background:linear-gradient(135deg,#567b9c,#2d3349)}.template-thumb.rec:after{left:5px;right:5px;top:5px;bottom:5px;width:auto;height:auto;border:1px solid #fff}.template-thumb.focus{background:linear-gradient(135deg,#dfb594,#667994)}.template-thumb.focus:before{width:17px;height:17px;left:50%;top:50%;transform:translate(-50%,-50%);border:0;background:linear-gradient(#fff,#fff) center/1px 11px no-repeat,linear-gradient(#fff,#fff) center/11px 1px no-repeat}.template-thumb.focus:after{width:23px;height:23px;left:50%;top:50%;transform:translate(-50%,-50%);border:0;background:linear-gradient(#fff,#fff) left top/7px 1px no-repeat,linear-gradient(#fff,#fff) left top/1px 7px no-repeat,linear-gradient(#fff,#fff) right top/7px 1px no-repeat,linear-gradient(#fff,#fff) right top/1px 7px no-repeat,linear-gradient(#fff,#fff) left bottom/7px 1px no-repeat,linear-gradient(#fff,#fff) left bottom/1px 7px no-repeat,linear-gradient(#fff,#fff) right bottom/7px 1px no-repeat,linear-gradient(#fff,#fff) right bottom/1px 7px no-repeat}.input-grid{display:grid;grid-template-columns:1.4fr .6fr 1fr 1fr;gap:8px}.input-grid label{font-size:9px;color:#7e91af}.input-grid input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;margin-top:5px;color:var(--navy);font:600 10px ui-monospace}.toggle-row{display:flex;gap:18px}.toggle{display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle span{width:29px;height:17px;background:#cbd6e5;border-radius:99px;padding:2px}.toggle span:after{content:"";display:block;width:13px;height:13px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+span{background:#5d69ee}.toggle input:checked+span:after{transform:translate(12px)}.color-opacity{display:flex;gap:18px;align-items:center}.color-options{display:flex;gap:7px}.color-options button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 8px;display:flex;align-items:center;gap:5px;font-size:10px;cursor:pointer}.color-options button.active{border-color:#5e65eb;background:#f4f5ff}.color-options i{width:13px;height:13px;border-radius:50%;border:1px solid #c6d2e2}.color-options .white{background:#fff}.color-options .black{background:#111827}.color-opacity>label{display:grid;grid-template-columns:1fr auto;gap:4px;flex:1;font-size:9px;color:#7e91af}.color-opacity input{grid-column:1/3;width:100%;accent-color:#5a67ed}.export-area{display:grid;grid-template-columns:1fr 76px;gap:8px;padding-top:20px}.export-area button{min-height:45px}.secondary-button{border:1px solid var(--line);background:#fff;border-radius:12px;font-weight:700;cursor:pointer}.ios-save-button{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #cbd6ff;background:#f2f4ff;color:#4357cb;border-radius:12px;cursor:pointer;padding:9px}.ios-save-button>span{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.ios-save-button small{color:#7181bd;font-size:9px;font-weight:500}.export-area>small{grid-column:1/3;text-align:center;color:#8a9bb5;font-size:9px}.notice{min-height:20px;color:#516b93;font-size:12px;margin-top:12px;text-align:center}.editor-legal{text-align:center;color:#7d8fab;font-size:11px;padding:0 20px 28px}.editor-legal a{text-decoration:underline;margin:0 3px}.editor-legal a:hover{color:var(--blue)}.modal-open{overflow:hidden}.save-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#080f22d6;display:flex;justify-content:center;align-items:stretch;padding:0 16px}.save-modal-inner{width:min(100%,900px);height:100dvh;display:flex;flex-direction:column;padding:16px 0 18px}.save-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;padding:0 2px 12px}.save-modal-head h2{font-size:17px;margin:0 0 4px}.save-modal-head p{color:#dbe4f6;font-size:12px;margin:0}.save-modal-head button{flex:0 0 auto;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.save-image-wrap{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;background:#050913;border:1px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden}.save-image-wrap img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.save-modal-help{text-align:center;color:#e9effc;font-size:12px;margin:12px 0 0}.save-modal-help b{color:#88e4ee}.legal-page{min-height:100vh;background:radial-gradient(circle at 90% 4%,rgba(166,61,232,.08),transparent 23%),radial-gradient(circle at 5% 24%,rgba(17,196,232,.08),transparent 22%),#f7faff}.legal-main{max-width:1180px;margin:auto;padding:80px 35px 120px}.legal-hero{padding:20px 0 75px;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.18;letter-spacing:-3.5px;margin:22px 0}.legal-hero>p{color:var(--muted);font-size:16px;line-height:1.9}.effective-date{display:block;color:#889ab5;font-size:12px;margin-top:28px}.legal-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:90px;padding-top:65px}.legal-nav{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;border-left:1px solid var(--line)}.legal-nav a{padding:12px 18px;font-size:12px;color:#7185a5}.legal-nav a:hover{color:var(--blue);border-left:2px solid var(--blue);margin-left:-1px}.legal-content section{scroll-margin-top:30px;margin-bottom:100px}.chapter-number{font-size:12px!important;letter-spacing:2px;color:#785ee1!important;font-weight:700}.legal-content h2{font-size:38px;letter-spacing:-1.5px;margin:8px 0 36px}.legal-content h3{font-size:18px;margin:44px 0 14px}.legal-content p,.legal-content li{color:#536b90;font-size:14px;line-height:2}.legal-content ul{padding-left:22px}.legal-content li{padding-left:5px;margin:4px 0}.legal-callout{border:1px solid #f0d4be;border-left:4px solid #c5783a;background:#fffaf5;border-radius:12px;padding:18px 20px;margin:24px 0}.legal-callout b{color:#98551f}.legal-callout p{margin:7px 0 0}.privacy-highlight{display:flex;gap:17px;background:linear-gradient(135deg,#effbf9,#f1f6ff);border:1px solid #cde9e4;border-radius:17px;padding:23px;margin:24px 0}.privacy-highlight>svg{flex:0 0 auto;width:30px;height:30px;color:#168c87}.privacy-highlight b{color:#276c68}.privacy-highlight p{margin:6px 0 0}.legal-contact-button{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px 17px;font-size:13px;font-weight:700;margin-top:12px}.legal-contact-button:hover{border-color:#8396ee;color:var(--blue);transform:translateY(-1px)}@media(max-width:900px){.site-header{height:66px;padding:0 20px}.site-header nav>a:not(.nav-cta){display:none}.hero{min-height:650px;padding:60px 25px;align-items:flex-start}.hero-bg{object-position:62% center}.hero-wash{background:linear-gradient(90deg,#f7fafff7,#f7faffc2 70%,#f7faff47)}.hero h1{font-size:52px;letter-spacing:-3px}.floating-note{display:none}.section{padding:75px 22px}.section-heading{align-items:start;flex-direction:column;gap:20px}.tool-card{grid-template-columns:1fr;padding:16px}.tool-copy{padding:24px 14px 35px}.tool-copy h3{font-size:41px}.tool-preview{min-height:340px}.about{grid-template-columns:1fr}.about-visual{height:420px}.about-copy{padding:20px 0}footer{flex-wrap:wrap}footer p{display:none}.editor-main{padding:25px 14px 50px}.editor-title{align-items:start;flex-direction:column;gap:15px}.editor-title h1{font-size:28px}.editor-layout{width:100%;grid-template-columns:minmax(0,1fr)}.workspace{width:100%;min-height:0}.canvas-wrap.has-image{width:100%!important;max-width:100%}.settings-panel{width:100%;padding:19px}.drop-zone{min-height:390px}.input-grid{grid-template-columns:1fr 1fr}.toggle-row{flex-wrap:wrap}.site-header nav{gap:10px}.editor-page .site-header nav a{display:block}.editor-page .site-header nav a:nth-child(2){display:none}.legal-main{padding:60px 24px 90px}.legal-layout{grid-template-columns:1fr;gap:35px}.legal-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.legal-nav a{padding:13px 10px;text-align:center}.legal-nav a+a{border-left:1px solid var(--line)}}@media(min-width:901px){.workspace{min-height:0;align-self:start}.settings-panel{align-self:start}.canvas-wrap.has-image{max-width:100%;align-self:center}.canvas-wrap canvas{width:100%;height:100%}}@media(max-width:520px){.brand{font-size:18px}.brand-mark{width:33px;height:33px}.nav-cta{padding:9px 11px;font-size:12px}.hero{min-height:600px}.hero h1{font-size:45px}.hero-content>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.tool-preview{min-height:280px}.about-visual{height:340px}.editor-page .site-header nav{display:none}.privacy-chip{width:100%}.workspace{padding:9px}.drop-zone{min-height:330px}.workspace-bar{flex-wrap:wrap}.workspace-bar label{order:3;width:100%;margin-left:0}.workspace-bar input{flex:1;max-width:none}.template-grid{gap:5px}.settings-panel{border-radius:17px}.color-opacity{align-items:stretch;flex-direction:column}.export-area{position:sticky;bottom:6px;background:#fff;padding:10px 0;z-index:4}.footer-links{width:100%;align-items:flex-start}.legal-main{padding:45px 19px 75px}.legal-hero{padding-bottom:50px}.legal-hero h1{font-size:39px;letter-spacing:-2px}.legal-hero>p br{display:none}.legal-nav{grid-template-columns:1fr}.legal-nav a+a{border-left:0;border-top:1px solid var(--line)}.legal-content h2{font-size:31px}.privacy-highlight{padding:18px;flex-direction:column}.legal-content section{margin-bottom:75px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.template-grid{grid-template-columns:repeat(2,1fr)}.toggle-row{flex-wrap:wrap}.advanced-settings{border-bottom:1px solid #edf2f8}.advanced-settings summary{list-style:none;display:flex;align-items:center;gap:8px;padding:18px 0;cursor:pointer;font-size:12px;font-weight:700}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:after{content:"＋";margin-left:auto;color:#6378a0;font-size:16px;font-weight:400}.advanced-settings[open] summary:after{content:"−"}.advanced-settings summary small{color:#8b9bb5;font-size:9px;font-weight:500}.advanced-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;padding:0 0 20px}.advanced-controls label{display:flex;flex-direction:column;gap:6px;color:#7285a5;font-size:9px}.advanced-controls label>span{display:flex;justify-content:space-between;align-items:center}.advanced-controls output{color:var(--navy);font-weight:700}.advanced-controls input{width:100%;accent-color:#5a67ed}.advanced-controls label>small{line-height:1.4;color:#91a1b8}.input-grid .rec-label-input{grid-column:1/-1}.input-grid .rec-label-input input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.position-actions{display:flex;gap:6px}.workspace-bar .position-actions button{border:1px solid var(--line);border-radius:8px;padding:6px 9px;color:#526a91;background:#f9fbff;white-space:nowrap}.workspace-bar .position-actions button:hover:not(:disabled){border-color:#8396ee;color:var(--blue);background:#f2f4ff}.workspace-bar .position-actions button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:520px){.position-actions{order:2;margin-left:auto}.workspace-bar label{order:3}}@media(max-width:520px){.advanced-controls{grid-template-columns:1fr}}.other-apps{background:radial-gradient(circle at 85% 30%,rgba(166,61,232,.1),transparent 28%),#f7faff}.external-app-list{display:grid;gap:46px}.external-app-card{position:relative;max-width:980px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);overflow:hidden;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 20px 60px #2b4e8f1a}.external-app-card:hover{transform:translateY(-4px);border-color:#b9c9ef;box-shadow:0 25px 70px #2b4e8f29}.external-app-preview{min-height:300px;display:grid;place-items:center;padding:35px;background:linear-gradient(135deg,#dff8ff,#edeaff 55%,#f5ddff)}.otomo-card{width:min(100%,245px);aspect-ratio:1.58;padding:20px;border:2px solid rgba(255,255,255,.9);border-radius:18px;background:linear-gradient(135deg,#65d9e8,#6579ef 55%,#b052df);box-shadow:0 18px 35px #4958b73d;color:#fff;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;letter-spacing:1.5px;transform:rotate(-3deg)}.otomo-card span{font-size:10px;font-weight:700}.otomo-card i{grid-column:1/3;place-self:center;width:66px;height:66px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 8px #fff3}.otomo-card b{grid-column:1/3;font-size:16px}.external-app-copy{padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.external-label{font-size:10px;letter-spacing:1.8px;color:#765cdc;font-weight:700}.external-app-copy h3{font-size:clamp(27px,3vw,40px);letter-spacing:-1.5px;margin:13px 0}.external-app-copy p{color:var(--muted);line-height:1.9;margin:0 0 26px}.external-app-copy strong{display:inline-flex;align-items:center;gap:9px;color:#405fe2}.external-app-card:hover .external-app-copy strong svg{transform:translate(4px)}.external-card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.inline-external-link{position:relative;z-index:2;color:#405fe2;text-decoration:underline;text-underline-offset:3px}.inline-external-link:hover{color:#765cdc}.links-preview{background:linear-gradient(135deg,#fff0f7,#eee9ff 55%,#dcf8ff)}.links-phone{width:190px;min-height:245px;padding:25px 18px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:#ffffffd1;box-shadow:0 18px 40px #604ba32e;display:flex;flex-direction:column;align-items:center;color:#67558e}.links-phone>i{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#f7a8ca,#9f91ed);box-shadow:0 0 0 6px #ffffffe6;margin-bottom:14px}.links-phone>b{font-size:17px}.links-phone>span{font-size:9px;margin:4px 0 18px;color:#9485aa}.links-phone>em{width:100%;height:27px;border-radius:99px;background:#fff;border:1px solid #eadff3;margin-top:7px}@media(max-width:700px){.external-app-card{grid-template-columns:1fr}.external-app-preview{min-height:230px}.otomo-card{max-width:220px}.external-app-copy{padding:30px 25px 35px}}.activity{background:#fff}.activity-list{max-width:980px;margin:0 auto;padding:0;list-style:none;border-top:1px solid var(--line)}.activity-list li{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:24px 4px;border-bottom:1px solid var(--line)}.activity-list time{color:#765cdc;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5px}.activity-list p{margin:0;color:#526a91;font-size:14px;line-height:1.8}@media(max-width:600px){.activity-list li{grid-template-columns:1fr;gap:8px;padding:20px 2px}}.x-post-button{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:10px;min-height:45px;border:1px solid #1d2939;border-radius:12px;background:#101828;color:#fff;cursor:pointer;padding:9px}.x-post-button>span{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.x-post-button small{color:#cbd5e1;font-size:9px;font-weight:500}.x-post-button:hover{background:#1d2939;transform:translateY(-1px)}