:root{--ink:#333;--muted:#858585;--line:#ededed}*{box-sizing:border-box}body{margin:0;background:#eff1f1;color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #888;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.phone{width:min(100%,430px);margin:auto;background:#fff;min-height:100svh}.header{display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 24px;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;background:none;padding:0;color:#333}.brand i{width:18px;height:18px;border:2.5px solid #333;border-radius:2px;transform:rotate(45deg)}.header-actions{display:flex;align-items:center;gap:14px}.pill{background:#333;color:#fff;border-radius:28px;padding:8px 15px;font-size:12px;min-height:36px;box-shadow:0 2px 4px #0001}.menu-button{width:23px;height:44px;padding:0;display:grid;place-content:center;gap:4px;background:none}.menu-button i{width:17px;height:1.5px;background:#555}.landing{padding:85px 16px 32px;text-align:center}.landing h1{font-family:"Noto Serif SC","Songti SC",serif;font-size:43px;font-weight:400;line-height:1.36;letter-spacing:-1px;margin:0;color:#303030}.landing-intro{font-size:14px;line-height:1.85;color:#707070;margin:22px auto 36px}.prompt{height:204px;border-radius:25px;background:#f7f7f7;padding:21px 18px 15px;display:flex;flex-direction:column;text-align:left}.prompt textarea{min-height:65px;flex:1;width:100%;resize:none;background:transparent;border:0;padding:0 6px;color:#444;line-height:1.75;font-size:15px}.prompt textarea::placeholder{color:#999;opacity:1}.prompt textarea:focus{outline:none}.prompt-tools{display:flex;align-items:center;justify-content:space-between;gap:8px}.attachments{display:flex;align-items:center}.attachments button{display:grid;place-items:center;width:34px;height:40px;padding:0;background:none;color:#888}.attachments svg{width:18px;height:18px}.primary{display:flex;align-items:center;justify-content:center;gap:8px;background:#333;color:#fff;border-radius:28px;padding:13px 20px;width:100%;font-size:14px;min-height:48px}.generate{width:auto;padding:7px 15px;min-height:38px;font-size:12px;white-space:nowrap}.generate svg{width:16px}.under{font-size:11px;color:#999;margin:18px 0 0}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:none;color:#777;font-size:12px;min-height:44px;padding:8px 3px}.text-button svg{width:14px}.footnote{font-size:10px;color:#aaa;text-align:center;padding:28px 20px}.content{padding:16px 24px 30px}.content h1{font-family:"Noto Serif SC","Songti SC",serif;font-weight:400;font-size:31px;line-height:1.5;margin:6px 0 10px;letter-spacing:-.7px}.intro{font-size:12px;color:#888;margin:0 0 22px}.center{text-align:center}.eyebrow{font-size:9px;letter-spacing:2px;color:#aaa;margin:10px 0}.preview-card{border:1px solid #e9e9e9;border-radius:18px;overflow:hidden;margin-top:25px}.browser-bar{background:#f7f7f7;color:#999;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:9px;letter-spacing:1px}.dots{letter-spacing:3px;color:#ccc}.mini{padding:27px 24px 22px;background:#fff;color:#333}.mini-brand{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:17px;overflow-wrap:anywhere}.mini h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:400;font-size:24px;line-height:1.7;margin:30px 0 12px}.mini p{font-size:11px;color:#888;line-height:1.9;white-space:pre-line}.mini-services{border-top:1px solid #eee;padding-top:13px;margin-top:20px;font-size:10px;color:#888;display:flex;flex-direction:column;gap:5px}.open-preview{padding:13px;width:100%;background:#fff;border-top:1px solid #eee;color:#555;font-size:12px;min-height:44px}.notice{background:#faf9f6;border:1px solid #eeeae1;border-radius:14px;padding:15px 16px;margin:18px 0;color:#857552;font-size:12px}.notice p{margin:5px 0;color:#9d8f71;font-size:11px}.notice .text-button{color:#857552;padding:0;min-height:32px}.neutral{background:#f7f7f7;border-color:#eee;color:#777}.neutral p{color:#888}.row-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:17px 0;border-bottom:1px solid #eee;background:white;color:#444;font-size:13px;min-height:52px}.row-button small{display:block;font-size:10px;color:#999;margin-top:3px}.row-button svg{width:15px;color:#999}.change{background:#f7f7f7;border-radius:22px;padding:14px 16px;margin:22px 0 10px;display:flex;align-items:center;gap:10px;font-size:12px;color:#888;width:100%}.change svg{width:16px}.change svg:last-child{margin-left:auto}.action-footer{padding:15px 24px 28px}.action-footer p{font-size:10px;text-align:center;color:#999;margin:10px 0}.badge{font-size:10px;background:#f5f5f5;color:#888;border-radius:20px;padding:3px 10px;white-space:nowrap}.back{background:none;color:#444;display:flex;align-items:center;min-height:44px;padding:0;font-size:12px;gap:7px}.header strong{font-size:14px;font-weight:500}.field{display:block;margin:19px 0;font-size:12px;color:#666}.field input,.field textarea,.field select{display:block;border:1px solid #e5e5e5;border-radius:12px;padding:12px 13px;background:#fafafa;width:100%;font-size:15px;line-height:1.7;color:#444;margin-top:7px;min-height:48px}.field textarea{resize:vertical;min-height:90px}.field small{display:block;font-size:10px;color:#aaa;margin-top:5px}.check{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#777;margin:16px 0;line-height:1.8}.check input{accent-color:#444;width:16px;height:16px;margin-top:3px;flex-shrink:0}.service-editor{border:1px solid #e9e9e9;border-radius:16px;padding:0 16px 8px;margin:15px 0;background:#fff}.service-editor legend{font-size:12px;color:#888;padding:0 5px}.service-editor .field{margin:12px 0}.danger{color:#9c6157}.list-card{display:block;border:1px solid #e9e9e9;border-radius:16px;margin:16px 0;padding:18px;width:100%;background:white;text-align:left;color:#444}.list-card h2{font-size:16px;font-weight:500;margin:0 0 8px}.list-card p{font-size:11px;color:#999;margin:0}.split{display:flex;align-items:center;justify-content:space-between;gap:8px}.secondary{width:100%;background:#f4f4f4;color:#666;padding:12px;border-radius:25px;font-size:13px;min-height:46px;margin:10px 0}.photo-list{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.photo-item{position:relative;width:80px}.photo-item img{width:80px;height:72px;object-fit:cover;border-radius:9px}.photo-item button{position:absolute;right:2px;top:2px;border-radius:50%;width:23px;height:23px;background:#333b;color:white;line-height:1;padding:0}.photo-item small{display:block;font-size:9px;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.loading{height:20px;width:20px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status{font-size:12px;color:#888;text-align:center;margin:20px 0}.diff{border:1px solid #eee;border-radius:14px;padding:15px;margin:14px 0;font-size:12px;overflow-wrap:anywhere}.diff h3{font-size:12px;margin:0 0 10px}.diff pre{font:12px/1.8 inherit;white-space:pre-wrap;margin:5px 0;color:#666}.diff .before{background:#faf4f2;padding:10px;border-radius:8px;color:#9a7770}.diff .after{background:#f1f6f0;padding:10px;border-radius:8px;color:#668062}.saved{color:#aaa;font-size:10px}.divider{border:0;border-top:1px solid #eee;margin:25px 0}dialog{border:0;border-radius:20px;padding:22px;width:min(92vw,398px);max-height:90svh;color:#333;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#0005}dialog h2{font-size:20px;font-weight:500;margin:0 0 16px}dialog p{font-size:13px;color:#777}dialog .close{float:right;background:#f5f5f5;border-radius:50%;width:32px;height:32px;color:#777}dialog.viewer{padding:0;width:min(100%,430px);height:92svh;max-height:92svh;overflow:hidden}dialog.viewer .viewer-header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:12px;color:#888;background:#fff}dialog iframe{width:100%;height:calc(100% - 50px);border:0}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#333f;border-radius:12px;color:#fff;font-size:12px;line-height:1.8;padding:13px 18px;display:none;z-index:10}#toast.show{display:block}.error{color:#9f625c;font-size:12px}.sr-only{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden}@media(max-width:359px){.landing{padding-top:65px}.landing h1{font-size:37px}.content{padding-left:20px;padding-right:20px}.header{padding:0 20px}.header-actions{gap:9px}.brand{font-size:14px}.prompt{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}

.mini h2{text-wrap:balance;overflow-wrap:anywhere}.mini-brand{overflow-wrap:anywhere}

.botanical-preview .mini{background:#f8f7ef;color:#2f503e}.botanical-preview .browser-bar{background:#edf0e5}.botanical-preview .mini p,.botanical-preview .mini-services{color:#7e8d70}.mini-photo{width:100%;display:block;margin-top:19px;border-radius:3px}
/* KotoPage identity and responsive web workspace. */
.wordmark{font-size:20px;letter-spacing:-.7px;font-weight:650}.wordmark>span{font-weight:400}.brand i{transform:none;width:23px;height:25px;border:1.8px solid #333;border-radius:4px 8px 4px 4px;position:relative}.brand i:after{content:"";position:absolute;border-left:1.7px solid #333;border-bottom:1.7px solid #333;width:8px;height:8px;top:6px;left:5px;transform:rotate(45deg)}.brand-kicker{font-size:9px;letter-spacing:1.4px;color:#999;margin:-22px 0 19px}.powered-by{display:block;font-size:10px;color:#999;margin-top:16px;letter-spacing:.3px}.powered-by b{font-weight:500}.header .pill{white-space:nowrap}
@media(min-width:768px){body{background:#fff}.phone{width:min(100%,1200px);padding:0 28px}.header{height:98px;padding:0 18px;border-bottom:1px solid #f0f0f0}.wordmark{font-size:24px}.brand i{width:25px;height:28px}.header-actions{gap:25px}.header .pill{font-size:13px;padding:10px 22px}.landing{padding:85px 0 35px;max-width:800px;margin:auto}.brand-kicker{font-size:11px;letter-spacing:2px;margin:0 0 20px}.landing h1{font-size:58px;line-height:1.4;letter-spacing:-1.5px}.landing h1 br:first-of-type{display:none}.landing-intro{font-size:15px;line-height:1.9;margin:22px 0 32px}.landing-intro br:first-of-type{display:none}.prompt{width:min(100%,620px);height:205px;margin:auto;padding:24px;border-radius:24px}.prompt textarea{font-size:16px}.generate{font-size:14px;padding:10px 20px;min-height:42px}.attachments button{width:40px;height:44px}.under{font-size:12px}.footnote{padding:35px 20px;font-size:11px}.content{max-width:780px;margin:auto;padding-top:42px;padding-bottom:45px}.content h1{font-size:37px}.content .intro{font-size:14px}.action-footer{max-width:440px;margin:0 auto;padding-bottom:45px}.list-card{padding:23px}.phone[data-screen=list] .content{max-width:920px}.phone[data-screen=list] .list-card{display:inline-block;width:calc(50% - 10px);vertical-align:top;margin:10px 8px 10px 0;min-height:115px}.phone[data-screen=list] .content>.primary{max-width:280px;margin-top:20px}.phone[data-screen=review] .content{max-width:980px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:48px;align-items:start}.phone[data-screen=review] .content>.eyebrow,.phone[data-screen=review] .content>h1,.phone[data-screen=review] .content>.intro{grid-column:1/-1}.phone[data-screen=review] .content>h1 br{display:none}.phone[data-screen=review] .preview-card{grid-column:1;grid-row:4/18;margin:0;position:sticky;top:24px}.phone[data-screen=review] .content>:not(.preview-card):not(h1):not(.eyebrow):not(.intro){grid-column:2}.phone[data-screen=review] .notice{margin-top:0}.phone[data-screen=review] .mini{padding:35px}.phone[data-screen=review] .mini h2{font-size:30px}.phone[data-screen=review] .mini p{font-size:13px}.phone[data-screen=review] .content>.intro{margin-bottom:35px}.field{font-size:13px}.field input,.field textarea,.field select{font-size:15px}.service-editor{padding:5px 24px 15px}.content .primary{max-width:440px;margin:20px auto 0}.secondary{max-width:440px;display:block;margin:15px auto}.row-button{font-size:14px}.row-button small{font-size:11px}dialog{width:430px;padding:28px}dialog.viewer{width:min(94vw,1240px);height:92vh;max-height:92vh}.photo-list{max-width:620px;margin:12px auto}.phone[data-screen=review] .photo-list{margin:12px 0}.change{font-size:13px}.content .check{font-size:13px}}
@media(min-width:1100px){.phone[data-screen=edit] #edit-form{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.phone[data-screen=edit] #edit-form>.field:nth-of-type(2),.phone[data-screen=edit] #edit-form>.check,.phone[data-screen=edit] #edit-form>.divider,.phone[data-screen=edit] #edit-form>.field:nth-of-type(5),#service-editors,.phone[data-screen=edit] #edit-form>button,#save-status{grid-column:1/-1}.phone[data-screen=edit] #edit-form>.field:nth-of-type(3){grid-column:1/-1}.phone[data-screen=edit] #edit-form>.field:nth-of-type(4){grid-column:1/-1}}