:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#202822;background:#ededed;font-synthesis:none;--bg: #ededed;--paper: #fff;--text: #202822;--muted: #7e8680;--line: #e7eae7;--soft: #f6f7f6;--green: #07c160;--green-wash: #eafaef;--shadow: 0 12px 35px #15291b08;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:9px;padding:10px 15px}button:hover{border-color:#07c160}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:13px;background:var(--soft);color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green)}:focus-visible{outline:3px solid rgba(7,193,96,.5019607843);outline-offset:3px}label{display:block;font-size:13px;line-height:1.7}label input,label textarea{margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.4px;font-weight:650}h2{font-size:19px;font-weight:600}h3{font-size:16px}p{line-height:1.8}small{color:var(--muted)}.topbar{height:86px;display:flex;align-items:center;gap:60px;padding:0 max(32px,(100vw - 1280px) / 2);background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;white-space:nowrap}.brand-icon{display:grid;place-items:center;background:var(--green);color:#fff;width:35px;height:35px;border-radius:11px;font-size:29px;line-height:1}.brand-en{font-size:9px;letter-spacing:1px;color:var(--muted);max-width:60px;font-weight:500;line-height:1.5}.topbar nav{display:flex;gap:34px;height:100%;align-items:center;font-size:14px}.topbar nav a{height:100%;display:flex;align-items:center;border-bottom:3px solid transparent;padding-top:3px;color:var(--muted);white-space:nowrap}.topbar nav a.active{color:var(--text);border-color:var(--green)}.top-actions{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:13px;white-space:nowrap}.quota{font-size:12px;color:var(--muted)}.theme{padding:6px 10px;font-size:18px;border:0}.account-link span{color:var(--green);margin-left:8px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:10px;padding:14px 24px;font-size:15px;font-weight:550}.primary:hover{background:#06ad56;color:#fff}.primary span{font-size:22px}.large{padding:16px 24px;min-width:235px}.secondary{background:var(--soft)}.text-button{border:0;background:none;padding:0;font-size:12px;color:var(--muted)}.text-button:hover{color:var(--green)}.muted{color:var(--muted)}.green{color:var(--green)}.panel{background:var(--paper);border-radius:15px;padding:28px;box-shadow:var(--shadow)}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:1px;margin-bottom:14px;display:flex;align-items:center;gap:7px}.eyebrow i{width:6px;height:6px;background:var(--green);border-radius:50%}.home{max-width:1200px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1.07fr;gap:55px;align-items:center;padding:68px 0 54px}.hero-copy{padding:0 0 0 22px}.hero-copy h1{font-size:58px;font-weight:650;line-height:1.25;letter-spacing:-2.7px;margin:24px 0}.hero-copy h1 span{color:#07af58}.hero-copy p{font-size:16px;color:var(--muted);line-height:1.9;margin:26px 0 31px}.hero-note{font-size:11px;color:var(--muted);margin-top:16px}.sticker-board{background:var(--paper);border-radius:20px;padding:24px 28px 16px;transform:rotate(2deg);box-shadow:0 15px 35px #263c2910}.board-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:17px}.board-label span{font-size:10px;font-weight:400;color:var(--muted)}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 13px;padding:13px 4px}.sample{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px;transform:rotate(-4deg)}.sample svg{width:118px;height:106px;max-width:100%}.sample b{font-size:15px;letter-spacing:1px;margin-top:-3px}.sample:nth-child(2n){transform:rotate(4deg)}.sample:nth-child(3n) svg{transform:rotate(-9deg)}.spark{position:absolute;right:1px;top:14px;color:#ebba38;font-size:30px}.board-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 24px;border-top:1px solid #d9dfd9;border-bottom:1px solid #d9dfd9;gap:26px}.steps>div{display:flex;gap:17px;align-items:center}.steps>div>span{font-size:13px;color:#8a968d;border:1px solid #c9d4cd;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.steps p{margin:0;font-size:14px}.steps small{display:block;font-size:11px;margin-top:4px}.home-bottom{display:flex;justify-content:space-between;align-items:center;padding:46px 24px}.home-bottom h2{font-size:23px;line-height:1.7;margin:0}.home-bottom h2 span{color:var(--muted)}.home-bottom a{font-size:13px}footer{max-width:1200px;margin:20px auto 0;padding:25px 20px;display:flex;gap:24px;font-size:11px;color:var(--muted);border-top:1px solid #d9dfd9}footer span:nth-child(2){margin-left:auto}main.workspace,main.library,main.result-page{max-width:1200px;margin:40px auto 55px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:16px}.page-heading h1{margin:0}.privacy{color:var(--muted);font-size:12px}.work-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:24px;align-items:start}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-head h2{margin:0;font-size:16px}.section-head h2>span{font-size:11px;width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;background:var(--soft);margin-right:4px;color:var(--muted)}.section-head>span{font-size:11px;color:var(--muted)}.photo-well{height:390px;position:relative;border:1px dashed #c8d3cb;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.photo-well.has-photo{height:auto;min-height:260px}.photo-well img{width:100%;height:auto;display:block}.upload-empty{text-align:center}.upload-empty h3{font-size:16px;margin:20px 0 10px}.upload-empty p{font-size:12px;color:var(--muted)}.photo-icon{position:relative;font-size:68px;color:#a0baa8}.photo-icon i{position:absolute;right:-14px;bottom:6px;font-size:20px;font-style:normal;background:#dceee1;border:5px solid var(--soft);border-radius:50%;height:35px;width:35px;display:grid;place-items:center}.upload-button{background:var(--paper);border:1px solid var(--line);padding:8px 28px;border-radius:8px;cursor:pointer;margin-top:12px}.upload-button input,.replace-photo input{position:absolute;width:1px;height:1px;opacity:0}.replace-photo{position:absolute;bottom:14px;background:var(--paper);padding:7px 20px;border-radius:8px;cursor:pointer}.anchor{position:absolute;transform:translate(-50%,-50%);color:#07c160;font-size:40px;pointer-events:none}.photo-tips{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:12px 0}.tip{display:flex;gap:13px;background:var(--soft);padding:16px;border-radius:10px;margin:13px 0;font-size:12px;color:var(--muted)}.tip p{margin:0;font-size:12px}.tip b{color:var(--text);font-weight:500}.retention{font-size:10px;color:var(--muted);margin:20px 0 2px}.segment{display:flex;background:var(--soft);padding:4px;border-radius:10px;gap:4px;margin-bottom:25px}.segment button{flex:1;border:0;background:none;color:var(--muted);font-size:13px;padding:11px 4px}.segment .selected{background:var(--paper);box-shadow:0 2px 5px #00000009;color:var(--text)}.segment small{font-size:9px;background:var(--green-wash);color:#079c4d;padding:3px 5px;margin-left:5px;border-radius:4px}.field-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 13px;font-size:13px}.style-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.style-choice{padding:8px 4px;background:var(--soft);border:1px solid transparent;border-radius:9px;min-width:0}.style-choice svg{width:70px;max-width:100%;height:64px}.style-choice span{font-size:10px;display:block}.style-choice.active,.all-styles button.active,.emoji-picker button.active{border-color:var(--green);background:var(--green-wash)}.style-caption{font-size:10px;color:var(--muted);margin-top:10px}.check{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.check input{width:13px;height:13px;margin:0;accent-color:var(--green)}.settings-panel select{font-size:12px;padding:10px}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.mood-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:93px;background:var(--soft);border:1px solid var(--line);padding:10px 4px;gap:3px}.mood-grid button>span:not(.tile-emoji):not(.tile-number){font-size:11px}.mood-grid .tile-emoji{font-size:27px;line-height:1.3}.tile-number{position:absolute;left:8px;top:6px;font-size:8px;color:#a4ada6}.mood-grid small{position:absolute;right:6px;top:6px;font-size:8px;opacity:0}.mood-grid button:hover small{opacity:1}.hint{font-size:11px;color:var(--muted);line-height:1.8;margin:11px 0}.generate-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;margin-top:18px}.generate-bar b{font-size:12px;display:block}.generate-bar small{font-size:10px;display:block;margin-top:7px}.generate-bar .primary{padding:11px 24px}.single-editor{display:flex;align-items:center;gap:20px;width:100%;padding:30px;background:var(--soft)}.single-editor>span{font-size:50px}.single-editor small{margin-left:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50;display:flex;justify-content:center;align-items:center;padding:24px}.modal{background:var(--paper);border-radius:18px;padding:28px;max-width:760px;width:100%;max-height:85dvh;overflow:auto}.modal.compact{max-width:420px}.modal label{margin-bottom:18px}.all-styles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.all-styles button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.all-styles svg{width:80px}.all-styles b{font-size:12px}.all-styles small{font-size:10px}.emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:25px}.emoji-picker button{padding:4px;font-size:23px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);max-width:90%;padding:14px 24px;background:#243b2e;color:#fff;box-shadow:0 4px 30px #0002;z-index:100;border-radius:10px;font-size:13px}.auth{max-width:920px;margin:80px auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.auth-aside svg{width:135px}.auth-aside h1{font-size:36px;line-height:1.5;margin-top:20px}.auth-aside p{color:var(--muted);font-size:13px}.auth-form{padding:38px}.auth-form h2{font-size:28px;margin-bottom:30px}.auth-form label{margin-bottom:22px}.auth-form button{width:100%;margin:5px 0 12px}.empty{padding:65px 20px;text-align:center;margin:40px auto;max-width:1200px}.empty p{color:var(--muted);font-size:14px}.filter{display:flex;gap:8px;margin:24px 0}.filter button{border:0;background:none;color:var(--muted)}.filter .active{color:var(--text);background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project-card{padding:13px;position:relative}.project-card img,.project-placeholder{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:var(--soft)}.project-placeholder{display:grid;place-items:center;color:var(--muted)}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:6px}.project-title h3{margin:0;font-size:13px}.project-title span{font-size:9px;color:var(--muted)}.project-card p{font-size:10px;color:var(--muted);margin:9px 0 4px}.project-card small{font-size:9px}.delete{position:absolute;bottom:10px;right:10px;border:0;padding:4px;font-size:10px;color:var(--muted)}.back{font-size:12px;display:block;margin-bottom:25px;color:var(--muted)}.result-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.result-image{padding:18px;height:fit-content}.result-image img{width:100%;display:block}.result-info>button{display:block;width:100%;margin:14px 0}.result-info>p{font-size:13px;color:var(--muted)}.result-info h3{margin-top:30px}.tile-downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.tile-downloads button{font-size:10px;padding:10px 5px}.waiting{text-align:center;max-width:700px;margin:auto}.waiting-face{width:140px;margin:10px auto 24px;animation:bob 2.5s ease-in-out infinite}.waiting p{font-size:13px;color:var(--muted)}.stages{display:flex;justify-content:space-between;gap:10px;margin:30px 0}.stages span{flex:1;color:var(--muted);font-size:12px;border-top:3px solid var(--line);padding-top:12px}.stages .active{color:var(--green);border-color:var(--green)}.game{text-align:left;border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:35px}.game .section-head{font-size:12px;margin-bottom:0}.game .section-head button{font-size:11px}.game-ground{display:flex;width:100%;height:110px;align-items:flex-end;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--soft);margin:12px 0;gap:20px}.game-ground span{font-size:40px;transition:transform .2s}.game-ground small{font-size:10px;margin-bottom:10px}.account-page,.admin-login{max-width:480px;margin:60px auto;padding:35px}.account-page label{margin-bottom:20px}.account-page .text-button{margin-top:30px}.account-page hr{border:0;border-top:1px solid var(--line);margin:30px 0}.admin{display:grid;grid-template-columns:180px 1fr;max-width:1200px;margin:36px auto;gap:30px}.admin aside{display:flex;flex-direction:column;gap:7px}.admin aside h2{font-size:15px;padding:14px}.admin aside button{border:0;text-align:left;background:none;font-size:13px}.admin aside .active{background:var(--paper);color:var(--green)}.admin-content{min-width:0}.admin-message{padding:16px;background:var(--green-wash);border:1px solid rgba(7,193,96,.4392156863);border-radius:10px;overflow-wrap:anywhere;margin-bottom:20px;font-size:13px}.admin-message button{margin-left:10px;padding:4px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metrics strong{display:block;font-size:30px;margin-top:15px}.table-scroll{overflow:auto;background:var(--paper);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:15px;border-bottom:1px solid var(--line);white-space:nowrap}td button{padding:7px;font-size:11px;margin:0 4px}th{color:var(--muted)}.inline-form{display:flex;align-items:end;gap:15px;margin-bottom:25px}.inline-form label{max-width:150px}.catalog-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.catalog-list small{display:block;font-size:10px;margin-top:8px;overflow-wrap:anywhere}.catalog-list p{font-size:12px;margin:15px 0}.catalog-list button{padding:7px 12px;font-size:11px;margin-right:8px}.catalog-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8}.catalog-list summary{font-size:12px;cursor:pointer}.settings-form{max-width:500px}.settings-form label{margin-bottom:20px}.preset-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.preset-row input:first-of-type{width:75px}.admin-login label{margin-bottom:20px}.error{background:#ffebe8;color:#994a3d;padding:14px;font-size:13px;border-radius:10px}@keyframes bob{50%{transform:translateY(-10px)}}.dark-unused{display:none}:root[data-theme=dark]{--bg: #111;--paper: #191919;--text: #e5e9e6;--muted: #969c98;--line: #303530;--soft: #222722;--green-wash: #163322;--shadow: none;color:var(--text);background:var(--bg);color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #111;--paper: #191919;--text: #e5e9e6;--muted: #969c98;--line: #303530;--soft: #222722;--green-wash: #163322;--shadow: none;color:var(--text);background:var(--bg);color-scheme:dark}}@media(max-width:1250px){.home,main.workspace,main.library,main.result-page,.admin{margin-left:28px;margin-right:28px}.topbar{gap:30px;padding:0 28px}.topbar .quota{display:none}.hero{gap:35px}.hero-copy h1{font-size:49px}.hero-copy{padding-left:0}.sample svg{width:105px;height:100px}}@media(max-width:900px){.topbar{gap:22px}.brand-en{display:none}.hero{gap:25px;padding-top:40px}.hero-copy h1{font-size:40px}.sticker-board{padding:18px}.sample svg{height:85px}.sample b{font-size:12px}.board-bottom span:last-child{display:none}.steps{padding:24px 0;gap:16px}.steps>div{gap:9px}.steps small{font-size:10px}.steps b{font-size:12px}.work-grid{grid-template-columns:1fr 1.15fr;gap:16px}.panel{padding:20px}.photo-well{height:310px}.section-head>span{display:none}.project-grid{grid-template-columns:repeat(3,1fr)}.auth{margin:60px 35px;gap:35px}.metrics{grid-template-columns:1fr 1fr}.admin{grid-template-columns:140px 1fr;gap:15px}.catalog-list{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.privacy{display:none}}@media(max-width:650px){.topbar{height:65px;padding:0 18px;gap:16px;flex-wrap:wrap;position:relative}.brand{font-size:17px;gap:8px}.brand-icon{width:29px;height:29px;font-size:25px}.top-actions{gap:9px;font-size:11px}.topbar nav{position:absolute;top:65px;left:0;width:100%;height:44px;justify-content:center;gap:65px;background:var(--paper);border-top:1px solid var(--line);font-size:12px}.topbar{margin-bottom:44px}.theme{font-size:16px;padding:5px}.home,main.workspace,main.library,main.result-page{margin-left:18px;margin-right:18px}.hero{display:flex;flex-direction:column;gap:35px;padding:35px 0}.hero-copy{width:100%;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:10px}.hero-copy h1{font-size:40px;letter-spacing:-1.8px;line-height:1.3;margin:17px 0}.hero-copy p{font-size:13px;margin:17px 0 24px}.hero-note{font-size:10px}.hero-copy .large{font-size:14px;padding:12px 23px}.sticker-board{max-width:400px;width:calc(100% - 14px);transform:rotate(1.4deg);padding:20px}.sample svg{width:100px;height:87px}.sample b{font-size:12px}.steps{grid-template-columns:1fr;gap:22px;padding:26px 10px}.steps>div{gap:18px}.steps b{font-size:14px}.steps small{font-size:11px}.home-bottom{padding:30px 5px;gap:15px}.home-bottom h2{font-size:18px}.home-bottom a{font-size:11px}footer{flex-wrap:wrap;font-size:9px;gap:10px;padding:22px 18px}footer span:nth-child(2){margin-left:0}footer a{margin-left:auto}.workspace{padding-bottom:75px}main.workspace,main.library,main.result-page{margin-top:28px}.page-heading h1{font-size:26px}.page-heading .primary{font-size:11px;padding:10px 12px;white-space:nowrap}.eyebrow{font-size:10px;margin-bottom:10px}.work-grid{grid-template-columns:1fr;gap:18px}.panel{padding:20px;border-radius:12px}.photo-well{height:275px}.photo-well.has-photo{min-height:200px;max-height:420px}.photo-well img{max-height:420px;object-fit:contain}.photo-panel .tip{margin:9px 0;padding:12px}.retention{margin-top:14px}.section-head{margin-bottom:18px}.generate-bar{position:fixed;bottom:0;left:0;right:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--paper);z-index:20;box-shadow:0 -5px 15px #00000008;margin:0}.generate-bar .primary{padding:10px 27px;font-size:14px}.mood-grid button{height:91px}.modal-backdrop{padding:0;align-items:flex-end}.modal{max-height:88dvh;border-radius:18px 18px 0 0;padding:24px 20px calc(25px + env(safe-area-inset-bottom));max-width:none}.modal.compact{max-width:none}.all-styles{grid-template-columns:repeat(3,1fr);gap:8px}.all-styles button{padding:8px}.all-styles svg{width:62px}.emoji-picker{gap:4px}.emoji-picker button{font-size:22px}.auth{display:block;margin:35px 18px}.auth-aside{display:none}.auth-form{max-width:440px;margin:auto;padding:28px}.project-grid{grid-template-columns:repeat(2,1fr);gap:12px}.project-card{padding:10px}.project-title{display:block}.project-title span{display:block;margin-top:6px}.project-title h3{font-size:12px}.project-card p{font-size:9px}.project-card small{font-size:8px}.filter{gap:0}.filter button{font-size:12px;padding:10px 15px}.empty{padding:35px 18px}.empty h2{font-size:18px}.empty p{font-size:12px}.result-grid{grid-template-columns:1fr}.result-page .page-heading h1{font-size:24px}.result-page .page-heading>a{font-size:11px;white-space:nowrap}.waiting{padding:25px 16px}.waiting h2{font-size:19px}.waiting p{font-size:11px}.stages{gap:6px}.stages span{font-size:10px}.account-page,.admin-login{margin:30px 18px;padding:28px;max-width:none}.admin{display:block;margin:25px 18px}.admin aside{flex-direction:row;overflow:auto;margin-bottom:25px;gap:5px}.admin aside h2{display:none}.admin aside button{white-space:nowrap;font-size:12px;padding:9px}.admin .page-heading h1{font-size:25px}.admin .page-heading>span{font-size:12px}.inline-form{flex-wrap:wrap}.inline-form label{max-width:130px}.metrics{gap:10px}.metrics .panel{padding:18px}.metrics strong{font-size:25px}.settings-form{max-width:none}.toast{bottom:95px;width:max-content}.single-editor{padding:20px 10px;gap:10px}.single-editor small{font-size:10px}.single-editor b{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.style-choice img{width:70px;height:64px;object-fit:contain}.all-styles img{width:80px;height:80px;object-fit:contain}.cover-upload{display:inline-block;position:relative;border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:11px;margin-right:8px;cursor:pointer}.cover-upload input{position:absolute;width:1px;height:1px;opacity:0}.game-ground{position:relative;overflow:hidden;height:145px;display:block}.game-ground .game-cat{position:absolute;left:9%;font-size:34px;transition:none}.game-ground .game-rock{position:absolute;bottom:9px;font-size:27px;color:#95a398}.simulation-note{font-size:11px;color:var(--muted);border-left:2px solid var(--green);padding:5px 12px;margin-top:-8px;margin-bottom:22px}.public-styles{padding:32px 24px 0}.public-styles h2{font-size:20px}.public-style-options{display:flex;flex-wrap:wrap;gap:9px}.public-style-options button{background:none;font-size:12px;border-color:#d2d9d3}.public-style-options .active{border-color:var(--green);background:var(--green-wash)}@media(max-width:650px){.public-styles{padding:26px 5px 0}.public-styles h2{font-size:18px}.public-style-options{gap:7px}.public-style-options button{font-size:11px;padding:8px 10px}}.photo-tips{flex-wrap:wrap;gap:8px}img.brand-icon{object-fit:cover;flex-shrink:0}.hero-sticker-sheet{padding:12px 0 8px}.hero-sticker-sheet img{display:block;width:100%;height:auto}.sticker-mascot{display:block;width:100%;height:auto;object-fit:contain}.auth-aside .sticker-mascot{width:170px}.style-choice .style-cover{width:100%;height:110px;object-fit:contain}.all-styles .style-cover{width:100%;height:135px;object-fit:contain}.public-style-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.public-style-options button{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;background:var(--paper);padding:10px 8px}.public-style-options .style-cover{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.public-style-options span{font-size:11px;white-space:nowrap}.admin-style-cover{float:left;width:100px;height:100px;object-fit:contain;margin:0 18px 12px 0}@media(max-width:900px){.public-style-options{grid-template-columns:repeat(4,minmax(0,1fr))}.style-choice .style-cover{height:82px}}@media(max-width:650px){.public-style-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.public-style-options span{font-size:10px}.style-choice .style-cover{height:70px}.all-styles .style-cover{height:100px}.hero-sticker-sheet{padding:12px 0}.board-bottom span:last-child{display:none}}@media(max-width:767px){.keyboard-open .generate-bar{visibility:hidden;pointer-events:none}.keyboard-open .modal-backdrop{top:var(--visible-top, 0px);bottom:auto;height:var(--visible-height, 100dvh)}.keyboard-open .modal{max-height:calc(var(--visible-height, 100dvh) - 16px)}input,textarea{scroll-margin-block:80px}}