html,body,#app{height:100%;margin:0}:root{color-scheme:light dark}html,body,#app{height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1220;color:#e5e7eb}main{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(72px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.bottom-bar{position:fixed;left:0;right:0;bottom:0;padding:10px calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172abf}.button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:10px;background:linear-gradient(180deg,#7dd3fc,#06b6d4);color:#0b1220;font-weight:700;border:none}.icon-button{width:44px;padding:0;font-size:18px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.icon-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.export-button{font-size:12px;font-weight:600}.link{color:#7dd3fc;text-decoration:none}.gradient-title{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab,#7dd3fc,#06b6d4);background-size:400% 400%;animation:gradientFlow 4s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700;display:inline-block}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tpl-list{list-style:none;padding:0;margin:0;max-width:420px}.tpl-item{display:grid;grid-template-columns:12px 1fr;align-items:center;gap:8px;margin:8px 0}.tpl-dot{width:6px;height:6px;border-radius:50%;background:#7dd3fc;justify-self:center}.tpl-btn{width:100%;max-width:360px;display:flex;align-items:center;justify-content:flex-start;text-align:left;height:44px;line-height:1;font-family:Microsoft YaHei UI,Microsoft YaHei,Segoe UI,Roboto,Arial,sans-serif}.tx-row{display:inline-flex;align-items:flex-end;gap:6px}.tx{display:inline-block;line-height:1;vertical-align:bottom}.tx-name,.tx-size,.tx-dpi,.tx-sep,.tx-at{font-weight:700}.tx-mul,.tx-unit,.tx-at{position:relative;top:1px}@media (max-width: 768px){input[type=range]{height:44px;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-track{height:6px;background:#334155;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:#7dd3fc;cursor:pointer;margin-top:-9px}input[type=checkbox]{width:20px;height:20px;cursor:pointer}input[type=color]{width:44px;height:44px;border:none;border-radius:8px;cursor:pointer}.mobile-controls{display:flex;flex-direction:column;gap:12px}.mobile-control-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0}.mobile-control-row label{display:flex;align-items:center;gap:8px;font-size:16px;flex:1}.collapsible{border:1px solid #334155;border-radius:10px;margin:8px 0;overflow:hidden}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#33415533;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:44px}.collapsible-content{padding:12px 16px;background:#3341551a}.collapsible-arrow{transition:transform .2s ease;font-size:14px}.collapsible-arrow.expanded{transform:rotate(180deg)}.template-info-mobile{font-size:16px;line-height:1.4}.bottom-bar{padding:12px}.bottom-bar .button{flex:1;min-width:0;font-size:16px}}