.zeta-page{min-height:100vh;background:#f5f5f7;color:#202126}.zeta-header{height:68px;padding:0 max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e4e4e8}.zeta-header>a:last-child{font-size:13px;color:#686a73}.zeta-brand{font-size:20px;font-weight:800;letter-spacing:-.7px}.zeta-brand span{color:#7765ef}.zeta-main{width:min(1120px,calc(100% - 32px));margin:auto;padding:46px 0 90px}.zeta-title{text-align:center}.zeta-title>span{font-size:10px;letter-spacing:2px;color:#7867ea;font-weight:800}.zeta-title h1{font-size:38px;letter-spacing:-1.8px;margin:8px 0}.zeta-title p{margin:0;color:#777985}.zeta-privacy{width:max-content;max-width:100%;margin:20px auto 32px;padding:9px 14px;border:1px solid #cfe8df;border-radius:99px;background:#effaf6;color:#367469;font-size:12px}.zeta-upload{min-height:430px;background:#fff;border:1px solid #e1e1e8;border-radius:24px;padding:22px;box-shadow:0 15px 45px #2425300f}.zeta-upload button{width:100%;height:386px;border:2px dashed #bbb5ed;border-radius:18px;background:#faf9ff;color:#393546;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer}.zeta-upload b{font-size:20px}.zeta-upload span{color:#81818e;font-size:12px}.zeta-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.zeta-steps button{border:1px solid #dedee6;background:#fff;padding:12px;border-radius:12px;color:#777984;font-weight:700;cursor:pointer}.zeta-steps i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eeeef2;font-style:normal;font-size:11px;margin-right:7px}.zeta-steps button.active{border-color:#7867ea;color:#5e4ed3;background:#f7f5ff}.zeta-steps button.active i{background:#7867ea;color:#fff}.zeta-card{background:#fff;border:1px solid #e1e1e7;border-radius:20px;box-shadow:0 12px 35px #2323300d}.split-editor{padding:24px}.zeta-section-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.zeta-section-head h2,.mask-panel h2{font-size:19px;margin:0 0 5px}.zeta-section-head p{font-size:12px;color:#777985;margin:0}.zeta-section-head button{border:0;background:#f0eefb;color:#6454d6;border-radius:9px;padding:9px 12px;cursor:pointer}.overview-shell{max-width:420px;height:58vh;min-height:380px;margin:22px auto;overflow:auto;background:#161619;border-radius:14px;padding:12px}.overview-image{position:relative;width:100%;height:auto;touch-action:none}.overview-image img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.split-line{position:absolute;left:-5px;right:-5px;width:calc(100% + 10px);height:44px;transform:translateY(-22px);border:0;background:linear-gradient(transparent 20px,#ffcf4b 20px,#ffcf4b 24px,transparent 24px);cursor:ns-resize;touch-action:none}.split-line span{position:absolute;right:4px;top:7px;background:#ffcf4b;color:#332a11;border-radius:99px;padding:3px 7px;font-weight:800}.split-summary{text-align:center;color:#6e7079;font-size:12px}.zeta-primary{width:100%;min-height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#7464ef,#9565e8);color:#fff;font-weight:800;cursor:pointer}.zeta-editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:18px}.preview-card{padding:18px;min-width:0}.segment-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.segment-nav button{border:1px solid #dedee5;background:#fff;border-radius:9px;padding:8px 11px;cursor:pointer}.segment-nav button:disabled{opacity:.35}.segment-canvas{position:relative;width:min(100%,620px);margin:auto;line-height:0;background:#171719;border-radius:12px;overflow:hidden}.segment-canvas canvas{display:block;width:100%;height:auto}.segment-canvas.mask-mode canvas{cursor:crosshair;touch-action:none}.mask-label{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:#ffcf4b;color:#28220f;font-weight:900;line-height:1;box-shadow:0 2px 8px #0008;cursor:pointer}.mask-label.selected{background:#ff765f;transform:translate(-50%,-50%) scale(1.15)}.draft-mask{position:absolute;background:#17181caa;border:2px solid #ffcf4b;pointer-events:none}.canvas-help{text-align:center;line-height:1.5;color:#70727c;font-size:12px}.mask-panel{padding:22px;align-self:start}.mask-list{display:grid;gap:7px;margin:14px 0}.mask-list button{display:flex;justify-content:space-between;border:1px solid #e1e1e7;background:#fff;border-radius:9px;padding:10px;cursor:pointer}.mask-list button.active{border-color:#7765ef;background:#f5f3ff}.mask-list span{font-size:10px;color:#777}.empty-masks,.export-note{font-size:12px;color:#7b7d86;background:#f5f5f7;padding:13px;border-radius:10px}.delete-mask,.zeta-secondary{width:100%;min-height:42px;border:1px solid #dedee5;background:#fff;border-radius:10px;margin:8px 0 12px;cursor:pointer}.delete-mask:disabled{opacity:.4}.replace-image{display:block;margin:18px auto 0;border:0;background:transparent;text-decoration:underline;color:#686a73;cursor:pointer}.zeta-notice{text-align:center;min-height:22px;margin-top:14px;color:#6558b7;font-size:12px}.zeta-save-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#101014e8;overflow:auto;padding:25px 14px}.zeta-save-modal>div{width:min(620px,100%);margin:auto;background:#fff;border-radius:18px;padding:18px}.zeta-save-modal header{display:flex;justify-content:space-between;align-items:center}.zeta-save-modal h2{margin:0}.zeta-save-modal header button{border:0;background:#eeeef2;border-radius:8px;padding:8px 12px}.zeta-save-modal p{font-size:13px;color:#666}.zeta-save-modal figure{margin:25px 0}.zeta-save-modal figcaption{text-align:center;margin-bottom:7px;font-weight:800}.zeta-save-modal img{display:block;width:100%;height:auto;touch-action:auto;-webkit-user-select:auto;user-select:auto}@media(max-width:760px){.zeta-main{width:min(100% - 24px,1120px);padding:28px 0 100px}.zeta-title h1{font-size:27px}.zeta-title p{font-size:13px}.zeta-privacy{border-radius:12px;text-align:center;line-height:1.5}.zeta-steps button{font-size:10px;padding:9px 3px}.zeta-steps i{display:block;margin:0 auto 4px}.split-editor{padding:15px}.zeta-section-head{display:block}.zeta-section-head button{margin-top:12px}.overview-shell{height:56vh;padding:8px}.zeta-editor-grid{grid-template-columns:1fr}.preview-card{padding:11px}.mask-panel{padding:17px}.zeta-header{height:60px}.zeta-upload{min-height:350px;padding:12px}.zeta-upload button{height:326px}.zeta-editor-grid .mask-panel{position:sticky;bottom:8px;z-index:5}.zeta-editor-grid .mask-panel h2,.zeta-editor-grid .mask-list,.zeta-editor-grid .empty-masks{max-height:115px;overflow:auto}}.split-line.dragging{z-index:3;background:linear-gradient(transparent 19px,#fff 19px,#fff 25px,transparent 25px)}.split-line.dragging span{background:#fff}.overview-image:has(.split-line.dragging){cursor:ns-resize;-webkit-user-select:none;user-select:none}.zeta-upload strong{font-size:13px;color:#7063c8}.zeta-upload.is-dragging{border-color:#7867ea;background:#f0edff}.zeta-upload.is-dragging button{border-color:#7867ea;background:#f3f0ff}.split-line.selected{z-index:2;background:linear-gradient(transparent 18px,#fff 18px,#fff 20px,#ffcf4b 20px,#ffcf4b 24px,#fff 24px,#fff 26px,transparent 26px)}.split-line.selected span{box-shadow:0 0 0 3px #fff}.split-fine-tune{max-width:520px;margin:18px auto;padding:15px;border:1px solid #e2e0ec;border-radius:14px;background:#f8f7fc}.fine-tune-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.fine-tune-head b{font-size:13px}.fine-tune-head span{font-size:10px;color:#777985}.fine-tune-controls{display:grid;grid-template-columns:90px 1fr 90px;gap:10px;align-items:stretch}.direction-button{min-height:58px;border:1px solid #cfc9f1;border-radius:11px;background:#fff;color:#5949cb;font-weight:800;cursor:pointer}.direction-button span{display:block;font-size:22px;line-height:20px}.direction-button:active{background:#e9e5ff}.direction-button:disabled{opacity:.4}.step-picker{text-align:center}.step-picker>span{font-size:10px;color:#72747e}.step-picker>div{display:flex;margin-top:7px;border:1px solid #ddd9ef;border-radius:9px;padding:3px;background:#fff}.step-picker button{flex:1;border:0;border-radius:6px;background:transparent;padding:8px 2px;font-size:11px;cursor:pointer}.step-picker button.active{background:#7765e9;color:#fff;font-weight:800}.fine-tune-head b em{display:inline-grid;place-items:center;min-width:27px;height:27px;margin:0 3px;border-radius:50%;background:#7765e9;color:#fff;font-size:14px;font-style:normal;box-shadow:0 3px 9px #5243be40}@media(max-width:520px){.fine-tune-head{display:block;text-align:center}.fine-tune-head span{display:block;margin-top:4px}.fine-tune-controls{grid-template-columns:72px 1fr 72px;gap:6px}.direction-button{min-height:62px}.split-fine-tune{padding:12px 9px}}.auto-mask-panel{margin:14px 0;padding:13px;border-radius:12px;background:#f3f0ff;border:1px solid #ded8ff}.auto-mask-panel label{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#4e447f}.auto-mask-panel>div{display:grid;grid-template-columns:1fr auto;gap:6px}.auto-mask-panel input{min-width:0;border:1px solid #cbc6e8;border-radius:8px;padding:10px;font-size:14px;background:#fff}.auto-mask-panel button{border:0;border-radius:8px;padding:0 12px;background:#7765e9;color:#fff;font-weight:800;cursor:pointer}.auto-mask-panel button:disabled{opacity:.5}.auto-mask-panel small{display:block;margin-top:7px;color:#716e7e;font-size:9px;line-height:1.45}.mask-position{margin:11px 0;padding:11px;border:1px solid #e2e0e9;border-radius:11px;text-align:center}.mask-position b{font-size:11px}.mask-position>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0}.mask-position button{min-height:36px;border:1px solid #d6d2ea;border-radius:8px;background:#fff;color:#5949cb;font-size:18px;cursor:pointer}.mask-position small{font-size:9px;color:#777985}.auto-mask-panel>.ocr-overall-progress{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin-top:9px}.ocr-progress-segments{grid-column:1/-1;display:grid;gap:3px}.ocr-progress-segments i{position:relative;height:6px;overflow:hidden;border-radius:99px;background:#d9d4ed}.ocr-progress-segments i.current{box-shadow:0 0 0 1px #7765e9}.ocr-progress-segments i span{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#7765e9,#9b6ae8);transform-origin:left center}.ocr-overall-progress>b,.ocr-overall-progress>span{font-size:9px;color:#554b87}.ocr-overall-progress>span{text-align:right;color:#767184}.mask-color-panel{margin:11px 0;padding:11px;border:1px solid #e2e0e9;border-radius:11px}.mask-color-panel>b{display:block;margin-bottom:8px;font-size:11px}.mask-color-panel>div{display:flex;gap:5px;flex-wrap:wrap}.mask-color-panel button,.mask-color-panel label{display:flex;align-items:center;gap:4px;min-height:34px;border:1px solid #ddd9e9;border-radius:8px;background:#fff;padding:5px 8px;font-size:10px;cursor:pointer}.mask-color-panel button.active{border-color:#7765e9;background:#f1efff;color:#5142bc;font-weight:800}.mask-color-panel i{width:15px;height:15px;border:1px solid #bfc0c8;border-radius:50%}.mask-color-panel input{width:18px;height:18px;border:0;padding:0;background:none}.mask-size-inputs{grid-template-columns:1fr 1fr!important;margin-top:10px!important}.mask-size-inputs label{position:relative;text-align:left;font-size:10px;color:#6d6f79}.mask-size-inputs input{width:100%;margin-top:4px;border:1px solid #d6d2e4;border-radius:7px;padding:8px 25px 8px 7px;font-size:12px}.mask-size-inputs label>span{position:absolute;right:7px;bottom:9px;color:#888;font-size:9px}.mask-clean-preview{width:100%;min-height:48px;margin:8px 0;border:1px solid #cfc9ef;border-radius:10px;background:#f4f2ff;color:#5547bc;font-weight:800;cursor:pointer;touch-action:manipulation}.mask-clean-preview small{display:block;margin-top:2px;color:#79728f;font-size:8px;font-weight:500}.mask-preview-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mask-preview-buttons .mask-clean-preview{margin:8px 0 3px}.mask-clean-preview.original-preview{background:#fff;border-color:#d8d9e0;color:#555762}.preview-gesture-help{text-align:center;margin:3px 0 8px;color:#7c7d86;font-size:8px}.avatar-effect-panel{margin:11px 0;padding:11px;border:1px solid #e2e0e9;border-radius:11px}.avatar-effect-panel>b{display:block;margin-bottom:8px;font-size:11px}.avatar-effect-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.avatar-effect-panel button{min-height:36px;border:1px solid #d7d3e7;border-radius:8px;background:#fff;color:#555762;cursor:pointer}.avatar-effect-panel button.active{border-color:#7765e9;background:#f1efff;color:#5142bc;font-weight:800}.avatar-effect-panel small{display:block;margin-top:6px;color:#797984;font-size:8px}.mask-step-picker{margin:10px 0;padding:10px;border:1px solid #e2e0e9;border-radius:10px;text-align:center}.mask-position>.mask-step-picker{display:block}.mask-step-picker>span{font-size:10px;color:#72747e}.mask-step-picker>div{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:7px;padding:3px;border:1px solid #ddd9ef;border-radius:9px;background:#fff}.mask-step-picker button{min-width:0;min-height:0;border:0;border-radius:6px;background:transparent;padding:8px 1px;font-size:10px;cursor:pointer}.mask-step-picker button.active{background:#7765e9;color:#fff;font-weight:800}.zeta-debug-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:18px;background:#0e0e12d1}.zeta-debug-modal>div{width:min(620px,100%);max-height:90vh;overflow:auto;padding:20px;border-radius:18px;background:#fff;box-shadow:0 25px 70px #0008}.zeta-debug-modal header{display:flex;align-items:start;justify-content:space-between}.zeta-debug-modal header small{color:#7765e9;font-size:9px;font-weight:800;letter-spacing:1.4px}.zeta-debug-modal h2{margin:4px 0 0;font-size:21px}.zeta-debug-modal header button{border:0;border-radius:8px;background:#eeeef2;padding:8px 12px;cursor:pointer}.zeta-debug-modal p{color:#6f7079;font-size:11px;line-height:1.6}.zeta-debug-modal textarea{display:block;width:100%;height:48vh;min-height:240px;margin:12px 0;border:1px solid #d8d8e1;border-radius:10px;background:#18181c;color:#d9f6dd;padding:13px;resize:vertical;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.zeta-title h1{-webkit-user-select:none;user-select:none}.avatar-effect-panel>div{grid-template-columns:repeat(3,1fr)}.mask-position>b em{display:inline-grid;place-items:center;min-width:25px;height:25px;margin:0 3px;border-radius:50%;background:#7765e9;color:#fff;font-size:13px;font-style:normal;box-shadow:0 3px 9px #5243be3d}.avatar-effect-panel button{min-width:0;padding:0 4px;white-space:nowrap;font-size:11px}.mask-label{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.overview-shell{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.overview-image{touch-action:pan-y}.mobile-tool-rail,.mobile-panel-head,.mobile-mask-actions,.mask-size-help-button{display:none}.mask-size-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:transparent}.mask-size-help-popover{position:fixed;display:grid;grid-template-columns:27px 1fr;align-items:center;gap:8px;width:min(230px,calc(100vw - 24px));padding:10px;border:1px solid #d8d2f5;border-radius:10px;background:#fff;box-shadow:0 9px 28px #1e184133;color:#27243b}.mask-size-help-popover>span{display:grid;place-items:center;width:27px;height:34px;border-radius:7px;background:#7665e8;color:#fff;font-size:18px;font-weight:900}.mask-size-help-popover b{display:block;color:#4f43a8;font-size:10px}.mask-size-help-popover p{margin:2px 0 0;color:#6f6b7d;font-size:8px;line-height:1.45}.segment-zoom-layer{position:relative;width:100%;transform-origin:center center;transition:transform .08s linear}.preview-zoom-level{position:absolute;right:8px;bottom:8px;z-index:5;padding:4px 7px;border-radius:99px;background:#141418b8;color:#fff;font-size:10px;font-weight:800;line-height:1;pointer-events:none}.detected-user-choice{max-width:520px;margin:14px auto;padding:13px;border:1px solid #ded9f2;border-radius:13px;background:#f8f7fc;text-align:center}.detected-user-choice legend{padding:0 7px;font-size:12px;font-weight:800}.detected-user-choice p{margin:0 0 10px;color:#72747e;font-size:10px}.detected-user-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.detected-user-choice button{min-height:42px;border:1px solid #d6d1e9;border-radius:9px;background:#fff;color:#555762;cursor:pointer}.detected-user-choice button.active{border-color:#7765e9;background:#eeeaff;color:#5142bc;font-weight:800;box-shadow:0 0 0 1px #7765e9}.detected-user-choice small{margin-left:4px;padding:2px 5px;border-radius:99px;background:#7765e9;color:#fff;font-size:8px}.save-action-buttons{display:grid;gap:7px}.save-action-buttons.android{grid-template-columns:1fr 1fr}.save-action-buttons .zeta-secondary{margin:0}.save-action-buttons+.zeta-secondary{margin-top:8px}@media(max-width:760px){.zeta-editor-grid{position:relative;display:block;padding-left:54px;min-height:70vh}.zeta-editor-grid .preview-card{position:relative;z-index:1}.mobile-tool-rail{position:sticky;display:flex;flex-direction:column;gap:7px;float:left;top:10px;width:46px;margin-left:-54px;z-index:20;padding:6px;border:1px solid #ddd9ef;border-radius:14px;background:#fffffff0;box-shadow:0 10px 28px #251f4929;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-tool-rail button{display:grid;place-items:center;width:34px;min-height:46px;padding:4px 1px;border:0;border-radius:9px;background:transparent;color:#646671}.mobile-tool-rail button.active{background:#7765e9;color:#fff}.mobile-tool-rail button:disabled{opacity:.28}.mobile-tool-rail .mobile-history-tool{border:1px solid #e2dff0;background:#faf9fd;color:#5d55a5}.mobile-tool-rail span{font-size:20px;line-height:1}.mobile-tool-rail small{margin-top:3px;font-size:7px;font-weight:800}.mobile-tool-rail .mobile-preview-tool{border:1px solid #d9d5ef;background:#f7f5ff;color:#584bc1}.mobile-tool-rail .mobile-preview-tool.preview-masks{background:#25252a;color:#fff;border-color:#25252a}.mobile-tool-rail .mobile-preview-tool.preview-original{background:#fff;color:#25252a;border-color:#aaaab4}.mobile-tool-rail .mobile-preview-tool small{font-size:6px;white-space:nowrap;letter-spacing:-.25px}.mobile-tool-rail .mobile-next-tool{background:#202126;color:#fff}.zeta-editor-grid .mask-panel{position:fixed;left:66px;right:auto;top:max(72px,env(safe-area-inset-top));bottom:auto;z-index:19;width:min(278px,calc(100vw - 82px));max-height:min(68dvh,580px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px;background:#fff;transform:translate(calc(-100% - 78px));opacity:0;pointer-events:none;box-shadow:0 14px 40px #18143442;font-size:10px}.zeta-editor-grid.mobile-tools-open .mask-panel{transform:translate(var(--panel-x,0),var(--panel-y,0));opacity:1;pointer-events:auto}.mobile-panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-8px;z-index:4;margin:-8px -8px 4px;padding:5px 7px;background:#fffffffa;border-bottom:1px solid #eceaf4;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-panel-head:active{cursor:grabbing}.mobile-panel-head small{color:#7765e9;font-size:8px;font-weight:900;letter-spacing:1.1px}.mobile-panel-head small span{color:#9692aa;font-size:7px;letter-spacing:0}.mobile-panel-head button{width:24px;height:24px;border:0;border-radius:50%;background:#efedf8;color:#5145ac;font-size:15px}.zeta-editor-grid .mask-panel h2{display:none}.mask-size-help-button{display:grid;place-items:center;position:fixed;z-index:79;width:15px;height:15px;min-height:0;padding:0;border:1px solid #bdb5e9;border-radius:50%;background:#f5f3ff;color:#5a4cc0;font-family:Georgia,serif;font-size:9px;font-weight:800;line-height:1}.zeta-editor-grid .mask-panel .auto-mask-panel,.zeta-editor-grid .mask-panel .mask-color-panel,.zeta-editor-grid .mask-panel .avatar-effect-panel,.zeta-editor-grid .mask-panel .mask-position{margin:4px 0;padding:6px}.zeta-editor-grid .mask-panel button,.zeta-editor-grid .mask-panel input{font-size:10px}.zeta-editor-grid .mask-panel .mask-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:4px 0}.mobile-mask-actions{display:block;margin:4px 0}.zeta-editor-grid .mask-panel .mobile-mask-actions button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:32px;border:1px solid #d8d4e9;border-radius:8px;background:#f8f7fc;color:#5549b6;font-weight:800}.zeta-editor-grid .mask-panel .mobile-mask-actions button:disabled{opacity:.35}.zeta-editor-grid .mask-panel .mobile-mask-actions .mobile-mask-delete{border-color:#f0c8c8;background:#fff7f7;color:#bd4545}.mobile-mask-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mobile-mask-actions small{font-size:8px}.zeta-editor-grid .mask-panel .mask-list button{min-width:0;padding:6px;font-size:10px}.zeta-editor-grid .mask-panel .mask-position>div:first-of-type button{font-size:16px}.zeta-editor-grid .mask-panel .mask-position>div:first-of-type{margin:5px 0}.zeta-editor-grid .mask-panel .mask-position button{min-height:32px}.zeta-editor-grid .mask-panel .mask-step-picker{margin:6px 0;padding:6px}.zeta-editor-grid .mask-panel .mask-step-picker>div{margin-top:4px;padding:2px}.zeta-editor-grid .mask-panel .mask-step-picker button{padding:6px 1px}.zeta-editor-grid .mask-panel .auto-mask-panel small,.zeta-editor-grid .mask-panel .avatar-effect-panel small{margin-top:4px;line-height:1.3}.zeta-editor-grid .mask-size-inputs{position:relative;margin:6px 3px 2px -3px!important}.zeta-editor-grid .mask-size-inputs label:first-child{box-sizing:border-box;padding-left:18px}.zeta-editor-grid .mask-size-inputs input{touch-action:none;cursor:ns-resize;border-color:#c9c2ee;background:linear-gradient(90deg,#f7f5ff,#fff 28%)}.segment-canvas .mask-label{width:20px;height:20px;border-width:1px;background:#ffcf4bad;color:#28220fe6;font-size:9px;box-shadow:0 1px 4px #00000059}.segment-canvas .mask-label.selected{background:#ff765fb8;transform:translate(-50%,-50%) scale(1.08)}.zeta-editor-grid .mask-panel .mask-clean-preview{min-height:40px}.zeta-editor-grid .mask-panel .mask-preview-buttons,.zeta-editor-grid .mask-panel .preview-gesture-help{display:none}.zeta-editor-grid .mask-panel .delete-mask,.zeta-editor-grid .mask-panel .zeta-secondary{min-height:32px;margin:4px 0}.zeta-editor-grid .mask-panel h2,.zeta-editor-grid .mask-list,.zeta-editor-grid .empty-masks{max-height:none;overflow:visible}.zeta-editor-grid .mask-panel>.zeta-primary{position:sticky;bottom:-3px;z-index:3;min-height:40px;box-shadow:0 -7px 14px #fffffff0,0 6px 14px #5745be38}.mask-panel[data-mobile-view=search]>:not(.mobile-panel-head):not(h2):not(.auto-mask-panel),.mask-panel[data-mobile-view=list]>:not(.mobile-panel-head):not(h2):not(.mobile-mask-actions):not(.mask-list):not(.empty-masks),.mask-panel[data-mobile-view=adjust]>:not(.mobile-panel-head):not(h2):not(.mask-position):not(.mask-size-help-button):not(.delete-mask){display:none}}.zeta-bug-report{text-align:center;margin:22px 0 0;font-size:11px;color:#777985}.zeta-bug-report a{text-decoration:underline;text-underline-offset:3px}.zeta-bug-report a:hover{color:#5e4ed3}.creative-tool{--ct-navy: #173b75;--ct-blue: #3568f4;--ct-purple: #a63de8;--ct-line: #dce7f5;min-height:100vh;background:#f7faff;color:var(--ct-navy);font-family:Avenir Next,Hiragino Sans,sans-serif;width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}.creative-tool *{box-sizing:border-box}.creative-hero{padding:65px 7vw 55px}.creative-hero p{font-size:11px;font-weight:800;letter-spacing:.18em;color:#6871c9}.creative-hero h1{display:flex;flex-wrap:wrap;gap:.15em;margin:10px 0;font-size:clamp(45px,6vw,82px);line-height:1.1}.creative-hero h1 em{font-style:normal;color:var(--ct-purple)}.creative-hero>span{color:#637a9f}.creative-workspace{width:92%;max-width:1500px;margin:0 auto 70px;padding:22px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.75fr);gap:22px;background:#fff9;border:1px solid var(--ct-line);border-radius:32px}.creative-preview,.creative-controls{min-width:0;padding:25px;background:#fff;border:1px solid var(--ct-line);border-radius:24px;box-shadow:0 16px 45px #244c8b14}.mobile-preview-dock{display:none}.preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:10px;font-weight:800;letter-spacing:.15em;color:#6b7f9f}.preview-label button{padding:9px 13px;border:1px solid var(--ct-line);border-radius:10px;background:#fff;color:inherit}.compare-stage{position:relative;container-type:inline-size;overflow:hidden;background:#e8eef6;border-radius:18px;touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none}.compare-stage.vertical{cursor:ns-resize}@media(min-width:851px){.creative-preview>.compare-stage.portrait-stage{width:auto;height:min(72vh,760px);max-width:100%;margin-inline:auto}}.compare-before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.compare-stage img{position:absolute;display:block;max-width:none;max-height:none}.compare-before img{max-width:none;max-height:none}.compare-tag{position:absolute;z-index:3;top:2.91cqw;padding:1.45cqw 2cqw;border-radius:1.45cqw;background:#173b75;color:#fff;font-size:1.64cqw}.compare-tag.before{left:2.91cqw}.compare-tag.after{left:auto;right:2.91cqw;background:#7655e8}.vertical .compare-tag.after{top:auto;bottom:2.91cqw}.compare-divider{position:absolute;z-index:4;top:0;bottom:0;width:.36cqw;background:#fff;transform:translate(-.18cqw);box-shadow:0 0 0 .18cqw #173b752e;pointer-events:none}.compare-handle{position:absolute;top:50%;left:50%;width:7.64cqw;height:7.64cqw;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:1.27cqw;border:.55cqw solid white;border-radius:50%;background:linear-gradient(115deg,#11c4e8,#3568f4 52%,#a63de8);color:#fff;box-shadow:0 1.45cqw 4cqw #3568f440;pointer-events:auto;touch-action:none}.compare-handle i{font-size:3.09cqw;font-style:normal;line-height:1}.compare-handle:after{content:"";position:absolute;left:50%;top:50%;width:max(48px,100%);height:max(48px,100%);transform:translate(-50%,-50%);border-radius:50%}.vertical .compare-divider{left:0;right:0;bottom:auto;width:auto;height:.36cqw;transform:translateY(-.18cqw)}.vertical .compare-handle{transform:translate(-50%,-50%) rotate(90deg)}.range-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:16px 0;font-size:11px;font-weight:800}.range-row input{width:100%;accent-color:var(--ct-blue)}.transform-header{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:11px}.transform-header button{border:0;background:transparent;color:var(--ct-blue);cursor:pointer;font-size:10px;font-weight:800}.transform-header>span{display:flex;align-items:center;gap:10px}.transform-header .fit-images-button{padding:7px 9px;border:1px solid #cfdcf0;border-radius:9px;background:#f3f6ff;color:var(--ct-blue)}.transform-header .fit-images-button:hover{border-color:#8298ef;background:#fff}.transform-range{grid-template-columns:1fr auto;margin:13px 0;color:#637a9f}.transform-range input{grid-column:1 / -1}.transform-range.is-disabled>span,.transform-range.is-disabled output{color:#98a7bd}.transform-range input:disabled{cursor:not-allowed;opacity:.42}.position-range-hint{grid-column:1 / -1;margin-top:-5px;color:#7a88a1;font-size:9px;font-weight:600;line-height:1.5}.transform-range output,.animation-settings output{color:var(--ct-blue)}.upload-pair,.avatar-pair,.two-fields,.add-message{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sample-images-button{width:100%;margin:0 0 10px;padding:12px 15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #cfdcf0;border-radius:14px;background:linear-gradient(115deg,#f3fbff,#f5f3ff);color:var(--ct-navy);cursor:pointer;text-align:left}.sample-images-button:hover{border-color:#8298ef;box-shadow:0 8px 22px #3568f41f}.sample-images-button>span{color:var(--ct-purple);font-size:18px}.sample-images-button b{font-size:11px}.sample-images-button small{color:#7183a1;font-size:9px}.upload-card{display:grid;gap:6px;padding:15px;border:1px dashed #b8c8df;border-radius:14px;cursor:pointer}.upload-card input,.avatar-pair input{position:absolute;opacity:0;pointer-events:none}.upload-card small{font-size:9px}.upload-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.upload-card span{font-size:10px;color:var(--ct-blue)}.creative-controls h2{margin:0 0 16px}.creative-controls fieldset{border:0;margin:14px 0;padding:0}.creative-controls .compare-ratio-field{margin-top:14px}.compare-ratio-field .ratio-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.creative-controls legend,.field{display:grid;gap:8px;font-size:11px;font-weight:800}.segmented-control{display:flex;padding:4px;background:#f2f6fb;border-radius:12px}.segmented-control button{flex:1;padding:9px;border:0;border-radius:9px;background:transparent;color:#637a9f;font-size:10px;font-weight:800}.segmented-control button.on{background:#fff;color:var(--ct-blue);box-shadow:0 4px 12px #173b7518}.field input,.field select,.creative-controls select{width:100%;padding:11px;border:1px solid var(--ct-line);border-radius:10px;background:#fff}.check{display:block;margin:18px 0;font-size:11px}.animation-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.animation-settings label{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:10px}.animation-settings input,.animation-settings select{grid-column:1 / -1;width:100%;padding:8px;border:1px solid var(--ct-line);border-radius:9px;background:#fff}.creative-exports{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.creative-exports button,.ready-actions button,.add-message button{padding:11px 8px;border:1px solid var(--ct-line);border-radius:11px;background:#fff;color:inherit;cursor:pointer}.creative-exports button:first-child{background:linear-gradient(115deg,#11c4e8,#3568f4,#a63de8);color:#fff}.creative-exports button span{display:block;margin-top:3px;font-size:8px}.creative-exports button:disabled{opacity:.5}.open-export-modal{width:100%;min-height:52px;margin-top:18px;border:0;border-radius:12px;background:linear-gradient(115deg,#11c4e8,#3568f4,#a63de8);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 9px 22px #3568f42b}.open-export-modal:disabled{opacity:.55}.export-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:18px;overflow-y:auto;background:#102044b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.export-format-modal{width:min(560px,100%);padding:22px;border:1px solid #dce7f8;border-radius:20px;background:#fff;box-shadow:0 24px 70px #10204455}.export-format-modal header{display:flex;align-items:start;justify-content:space-between;gap:18px}.export-format-modal header small{color:var(--ct-blue);font-size:9px;font-weight:800;letter-spacing:.16em}.export-format-modal h2{margin:4px 0 0;color:var(--ct-navy);font-size:22px}.export-format-modal header>button{width:38px;height:38px;border:0;border-radius:10px;background:#eef3fa;color:var(--ct-navy);font-size:22px;cursor:pointer}.export-recommendation{display:grid;gap:4px;margin:18px 0 0;padding:13px 15px;border:1px solid #cddcff;border-radius:12px;background:#f3f7ff;color:#667b9d;font-size:11px;line-height:1.55}.export-recommendation b{color:var(--ct-navy);font-size:12px}.export-format-grid{grid-template-columns:repeat(4,1fr)}.export-format-grid button:first-child{background:#fff;color:inherit}.export-format-grid button.recommended{position:relative;border-color:#8aa8ff;background:#f3f7ff}.export-format-grid button.recommended:before{content:"おすすめ";position:absolute;top:-8px;right:-5px;padding:3px 6px;border-radius:99px;background:#173b75;color:#fff;font-size:7px}.export-format-grid button.selected{outline:3px solid #3568f433;border-color:transparent;background:linear-gradient(115deg,#11c4e8,#3568f4,#a63de8);color:#fff}.export-save-button{width:100%;min-height:50px;margin-top:16px;border:0;border-radius:12px;background:linear-gradient(115deg,#11c4e8,#3568f4,#a63de8);color:#fff;font-weight:800;cursor:pointer}.export-save-button:disabled{opacity:.6}.export-save-button.is-ready{background:linear-gradient(115deg,#18b875,#0b9660);box-shadow:0 9px 22px #0b966033}.export-fallback-link{display:block;margin:10px auto 0;border:0;background:transparent;color:#61769a;font-size:9px;text-decoration:underline;cursor:pointer}.export-save-error{display:grid;gap:3px;margin-top:12px;padding:11px 13px;border:1px solid #f2b5b5;border-radius:10px;background:#fff3f3;color:#a33b3b;font-size:10px;line-height:1.5}.export-save-error b{font-size:11px}.export-writing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:24px;border-radius:inherit;background:#f8faffed;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.export-format-modal{position:relative}.export-writing-dialog{display:grid;justify-items:center;gap:8px;color:var(--ct-navy);text-align:center}.export-writing-dialog i{width:42px;height:42px;border:4px solid #dce7fa;border-top-color:var(--ct-blue);border-radius:50%;animation:export-spin .8s linear infinite}.export-writing-dialog b{font-size:16px}.export-writing-dialog span{color:#7183a1;font-size:10px}@keyframes export-spin{to{transform:rotate(360deg)}}.export-progress{margin:14px 0 0;color:var(--ct-blue);text-align:center;font-size:11px;font-weight:800}.ready-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.ready-actions button:first-child{background:#20b968;color:#fff}.apng-browser-note{margin:9px 0 0;padding:10px 12px;display:grid;gap:3px;border:1px solid #d5e2f3;border-radius:10px;background:#f5f8fd;color:#667b9d;font-size:9px;line-height:1.55}.apng-browser-note b{color:var(--ct-navy);font-size:10px}.tool-status{font-size:10px;color:#7183a1}.talk-phone{width:min(100%,390px);aspect-ratio:9/16;margin:auto;overflow:hidden;border-radius:28px;box-shadow:0 15px 40px #173b7530}.talk-phone canvas{display:block;width:100%;height:100%}.avatar-pair label{display:grid;place-items:center;gap:5px;padding:10px;border:1px dashed #bdcae0;border-radius:12px;cursor:pointer;font-size:10px}.avatar-pair img,.avatar-pair i{width:54px;height:54px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#a63de8;color:#fff;font-style:normal}.color-field{display:flex;align-items:center;gap:7px;margin:16px 0;font-size:11px;font-weight:800}.color-field input{width:42px;height:34px;border:0}.color-field button{width:27px;height:27px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #ccd7e7}.messages-title{display:flex;justify-content:space-between;font-size:13px}.messages-title small{color:#8391a7;font-weight:500}.message-list{display:grid;gap:8px;max-height:330px;overflow:auto}.message-editor{display:grid;grid-template-columns:42px 1fr 28px;gap:7px;align-items:start}.message-editor>b{padding:7px 2px;border-radius:8px;background:#a63de8;color:#fff;text-align:center;font-size:9px}.message-editor>b.me{background:#11a9d0}.message-editor textarea{min-width:0;padding:8px;border:1px solid var(--ct-line);border-radius:9px;resize:vertical}.message-editor>button{border:0;background:transparent;font-size:20px}.add-message{margin-top:10px}html,body,#root{overflow-x:clip;overscroll-behavior-x:none}.talk-phone{border-radius:0;box-shadow:0 15px 40px #173b7524}.talk-name-field{grid-template-columns:1fr}.talk-size-settings{max-width:260px;margin-top:12px}.talk-size-settings fieldset{min-width:0;margin:0;padding:0;border:0}.talk-size-settings legend{margin-bottom:6px;color:var(--ct-navy);font-size:10px;font-weight:800}.size-options{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--ct-line);border-radius:9px}.size-options button{min-width:0;padding:7px 2px;border:0;border-right:1px solid var(--ct-line);background:#fff;color:var(--ct-navy);font-size:9px;font-weight:800}.size-options button:last-child{border-right:0}.size-options button.is-selected{background:var(--ct-navy);color:#fff}.message-content{display:grid;gap:6px;min-width:0}.message-content textarea{width:100%}.message-content label{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#7183a1;font-size:9px;font-weight:700}.message-content input[type=time]{width:104px;padding:5px 7px;border:1px solid var(--ct-line);border-radius:8px;background:#fff;color:var(--ct-navy);font:700 10px inherit}@media(max-width:850px){.creative-workspace{grid-template-columns:1fr}.talk-workspace .creative-preview{display:grid;place-items:center}.talk-phone{height:min(55vh,520px);width:auto}}@media(max-width:600px){.talk-workspace{display:block;overflow:visible}.talk-workspace .creative-preview{position:relative;width:100%;padding:10px;background:#fffffff5;box-shadow:0 14px 38px #173b752e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.talk-workspace .creative-preview.is-mobile-pinned{position:fixed;top:8px;left:12px;z-index:100;width:calc(100% - 24px);max-height:calc(50svh - 12px);overflow:hidden;pointer-events:none;display:block;height:min(calc(36svh + 20px),320px);align-items:center;gap:10px}.talk-workspace .creative-preview.is-mobile-pinned .talk-phone{position:absolute;top:10px;left:50%;transform:translate(-50%)}.talk-workspace .creative-preview.is-mobile-pinned .preview-label{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:auto;margin:0;justify-self:start}.talk-workspace .creative-preview.is-mobile-pinned .preview-label>span:first-child,.talk-workspace .creative-preview.is-mobile-pinned .preview-button-text{display:none}.talk-workspace .creative-preview.is-mobile-pinned .preview-label button{pointer-events:auto;display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;font-size:14px;line-height:1;letter-spacing:0}.talk-workspace .creative-controls{margin-top:12px}.talk-workspace.is-preview-pinned .creative-controls{margin-top:calc(36svh + 40px)}.talk-workspace .preview-label{width:100%;margin-bottom:8px}.talk-workspace .talk-phone{height:min(42svh,380px);max-width:100%;width:auto}.talk-workspace .is-mobile-pinned .talk-phone{height:min(36svh,300px);margin:0}}@media(max-width:560px){.creative-hero{padding:42px 22px 35px}.creative-hero h1{font-size:42px}.creative-workspace{width:calc(100% - 20px);padding:9px;border-radius:22px}.creative-preview,.creative-controls{padding:16px;border-radius:17px}.mobile-preview-dock{position:sticky;top:8px;z-index:30;display:block;width:100%;max-width:100%;margin:0 0 18px;padding:9px;border:1px solid #3568f41f;border-radius:16px;background:#f7fafff5;box-shadow:0 14px 38px #173b752e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;overscroll-behavior-x:none}.mobile-preview-head{display:flex;align-items:center;justify-content:space-between;margin:0 3px 7px;color:#6279a1;font-size:9px;font-weight:800;letter-spacing:.13em}.mobile-preview-head output{color:var(--ct-blue);letter-spacing:0}.mobile-compare{height:clamp(150px,38vw,210px);margin:auto;border-radius:18px}.upload-pair,.two-fields{grid-template-columns:1fr}.sample-images-button{grid-template-columns:auto 1fr}.sample-images-button small{grid-column:2}.creative-exports{grid-template-columns:1fr}.export-modal-backdrop{align-items:end;padding:10px}.export-format-modal{padding:18px;border-radius:18px}.export-format-grid{grid-template-columns:1fr 1fr}.talk-phone{height:min(50vh,440px)}}: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%}}.tools .tool-card+.tool-card{margin-top:28px}.zeta-tool-preview{background:linear-gradient(145deg,#19191d,#383043);display:grid;place-items:center}.zeta-demo-phone{width:190px;height:330px;border:7px solid #111;border-radius:26px;background:#18181b;padding:36px 18px 18px;position:relative;color:#fff;box-shadow:0 24px 50px #0005}.zeta-demo-phone i{position:absolute;top:11px;left:73px;width:44px;height:8px;background:#050505;border-radius:9px}.zeta-demo-phone p{font-size:10px;color:#aaa}.zeta-demo-phone span{display:block;height:54px;border-radius:12px;background:#28282c;margin:9px 0}.zeta-demo-phone span:nth-of-type(2){margin-left:35px;background:#7454d8}.zeta-demo-phone b{position:absolute;right:13px;top:164px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#ffcf4b;color:#222}.zeta-demo-phone em{position:absolute;left:0;right:0;bottom:0;padding:10px;text-align:center;background:#7663e9;font-size:10px;font-style:normal;border-radius:0 0 18px 18px}@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}}.frame-only-button{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #b9c6dc;background-color:#f8fbff;background-image:linear-gradient(45deg,#edf2f8 25%,transparent 25%),linear-gradient(-45deg,#edf2f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf2f8 75%),linear-gradient(-45deg,transparent 75%,#edf2f8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;color:#344767;border-radius:12px;cursor:pointer;padding:9px}.frame-only-button>span{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.frame-only-button small{color:#71809a;font-size:9px;font-weight:500}.frame-only-button:hover{border-color:#7186aa;transform:translateY(-1px)}.initial-image-actions{width:100%;display:flex;flex-direction:column;gap:12px}.initial-image-actions .drop-zone{width:100%}.demo-image-button{align-self:center;display:flex;align-items:center;gap:7px;border:1px solid #cbd6ff;background:#f2f4ff;color:#4357cb;border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer}.demo-image-button:hover{border-color:#7d8fe2;background:#e9edff}.demo-image-button svg{width:17px;height:17px}.advanced-controls .advanced-toggle{grid-column:1/3;flex-direction:row;align-items:center;color:#445877;font-size:10px;cursor:pointer}.advanced-controls .advanced-toggle>span{display:block;flex:0 0 auto}.advanced-controls .advanced-toggle input{position:absolute;width:auto}.corner-length-controls,.position-controls{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.position-controls{padding-top:4px}.position-controls>strong,.position-controls>small{grid-column:1/3}.position-controls>strong{color:var(--navy);font-size:10px}.position-controls>small{color:#91a1b8;font-size:9px}@media(max-width:520px){.corner-length-controls,.position-controls{grid-column:1;grid-template-columns:1fr}.position-controls>strong,.position-controls>small{grid-column:1}.advanced-controls .advanced-toggle{grid-column:1}}.settings-panel{max-height:calc(100dvh - 250px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}@media(max-width:520px){.settings-panel{max-height:none;height:auto;overflow-y:visible}}html,body,#root{overflow-x:clip}.mobile-compact-preview{display:none}@media(max-width:900px){.settings-panel{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}.canvas-wrap,.canvas-wrap canvas{touch-action:pan-y}.mobile-compact-preview{position:fixed;display:block;top:0;left:50%;z-index:30;transform:translate(-50%);max-width:100vw;padding:6px;background:#fffffff5;border:1px solid var(--line);border-radius:0 0 15px 15px;box-shadow:0 12px 30px #2f4e892e}.mobile-compact-preview .canvas-wrap{display:block;max-width:calc(100vw - 12px);border-radius:10px}.mobile-compact-preview canvas{display:block;width:100%;height:100%}}@media(max-width:520px){.export-area{position:static}}.ratio-output-size{display:block;margin:-8px 0 12px;color:#8797ae;font-size:9px}.ratio-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.ratio-quick-grid button{min-width:0;height:58px;border:1px solid transparent;border-radius:10px;background:#f6f7f9;color:#30333c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.ratio-quick-grid button.active{border-color:#4d5260;background:#fff;box-shadow:0 0 0 1px #4d5260 inset}.ratio-quick-grid b{font-size:10px}.ratio-shape{display:block;width:18px;max-height:25px;border:2px solid #747781;border-radius:1px}.ratio-flip{flex-direction:row!important}.ratio-flip svg{width:25px;height:25px;color:#747781}.ratio-more span{font-size:24px;line-height:1;transform:rotate(90deg)}.ratio-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;place-items:center;padding:18px;background:#0a101c94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ratio-modal-card{width:min(620px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;border-radius:24px;background:#fff;padding:28px;box-shadow:0 24px 80px #0d1a3447}.ratio-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ratio-modal-head h2{margin:0;font-size:25px}.ratio-modal-head button{width:38px;height:38px;border:0;border-radius:50%;background:#f2f4f8;font-size:24px;cursor:pointer}.ratio-modal-card>p{margin:10px 0 24px;color:#77808f}.orientation-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px;border-radius:12px;background:#f3f4f6;overflow:hidden}.orientation-tabs button{border:0;background:transparent;color:#30343c;padding:13px;font-weight:700;cursor:pointer}.orientation-tabs button[aria-selected=true]{background:#333741;color:#fff}.orientation-tabs button[aria-selected=false]{background:transparent;color:#30343c}.ratio-modal-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ratio-modal-options button{min-height:78px;border:1px solid transparent;border-radius:13px;background:#f6f7f9;display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer}.ratio-modal-options button.active{border-color:#353944;background:#fff;box-shadow:0 0 0 1px #353944 inset}.ratio-modal-options .ratio-shape{width:22px;max-height:35px}.ratio-modal-options b{font-size:16px}.ratio-modal-confirm{width:100%;margin-top:24px;border:1px solid #30343c;border-radius:12px;background:#fff;padding:13px;font-weight:700;cursor:pointer}.ratio-size-section,.custom-size-section{margin-top:24px;padding-top:22px;border-top:1px solid #e6eaf0}.ratio-size-section h3,.custom-size-section h3{margin:0 0 13px;font-size:17px}.original-size-button,.apply-custom-size{width:100%;min-height:48px;border:1px solid #454a55;border-radius:12px;background:#fff;color:#252a33;font-weight:700;cursor:pointer}.original-size-button{display:flex;align-items:center;justify-content:center;gap:9px}.original-size-button span{font-size:21px}.original-size-button:disabled{cursor:not-allowed;opacity:.45}.ratio-size-section>small,.custom-size-section>small{display:block;margin-top:8px;color:#87909e;font-size:10px}.custom-size-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px}.custom-size-inputs label{display:grid;gap:7px;color:#555e6c;font-size:11px}.custom-size-inputs input{width:100%;border:1px solid #d6dce5;border-radius:10px;padding:12px;font:600 15px ui-monospace;color:#23304a}.custom-size-inputs>span{padding-bottom:12px;color:#7b8491;font-size:20px}.apply-custom-size{margin-top:14px;background:#333741;color:#fff}.custom-size-error{margin:8px 0 0!important;color:#c23c4b!important;font-size:11px}@media(max-width:520px){.ratio-quick-grid{gap:5px}.ratio-quick-grid button{height:54px}.ratio-modal-card{padding:22px 18px;border-radius:20px}.ratio-modal-options{grid-template-columns:repeat(2,1fr)}}@media(min-width:901px){.workspace,.settings-panel{height:var(--desktop-editor-height, calc(100dvh - 250px) );max-height:var(--desktop-editor-height, calc(100dvh - 250px) )}.workspace{overflow:hidden}.workspace .initial-image-actions,.workspace .initial-image-actions .drop-zone{min-height:0;flex:1}}.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)}.toggle{position:relative}.toggle input,.advanced-controls .advanced-toggle input{position:absolute;left:0;top:50%;width:29px;height:17px;margin:0;transform:translateY(-50%);opacity:0}.compare-tool-preview{display:grid;place-items:center;background:#111827}.compare-tool-preview img{position:static;width:100%;height:100%;object-fit:contain}.talk-tool-preview{background:linear-gradient(145deg,#c7d6f0,#8ba6d4)}.talk-demo{width:55%;height:78%;padding:18% 8%;display:grid;gap:12px;align-content:center;border-radius:25px;background:#92abd1;box-shadow:0 24px 55px #173b7540}.talk-demo i{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#a63de8;color:#fff}.talk-demo span,.talk-demo b{padding:10px;border-radius:14px;background:#fff;font-size:10px}.talk-demo b{margin-left:20%;background:#d6ff7d}@media(min-width:901px){.image-compare-tool-card .compare-tool-preview{height:500px;min-height:0;align-self:center}.image-compare-tool-card .compare-tool-preview img{object-fit:cover;object-position:center top}}.talk-tool-preview{min-height:0;padding:0;align-self:center;aspect-ratio:8/5;display:grid;place-items:center;background:transparent}.talk-tool-preview picture{display:block;width:100%;height:100%}.talk-tool-preview img{position:static;display:block;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}.back-to-top{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:50;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:linear-gradient(135deg,#566cf3,#9a51e8);color:#fff;box-shadow:0 10px 28px #3041914d;cursor:pointer}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 13px 32px #3041915c}.back-to-top:focus-visible{outline:3px solid rgba(83,105,242,.32);outline-offset:3px}.back-to-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:520px){.back-to-top{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:44px;height:44px}}