:root[data-ipkk-tool-page],body[data-ipkk-tool]{color-scheme:light;--bg:#f3f6f8;--bg-deep:#f3f6f8;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f8f6;--bg-input:#f6f9fa;--bg-secondary:#fff;--bg-primary:#f3f6f8;--bg-tertiary:#eef3f6;--input-bg:#f6f9fa;--card-bg:#fff;--panel-bg:#fff;--bg-panel:#fff;--bg-color:#f3f6f8;--text:#182f40;--text-primary:#182f40;--text-secondary:#657d8e;--text-muted:#6b7e8e;--text-color:#182f40;--color-text-primary:#182f40;--color-text-secondary:#657d8e;--color-text-muted:#6b7e8e;--color-bg-deep:#f3f6f8;--color-bg-surface:#fff;--color-bg-card:#fff;--color-bg-subtle:#eef3f6;--color-bg-input:#f6f9fa;--border:#dfe7ec;--border-color:#dfe7ec;--border-subtle:#dfe7ec;--border-strong:#c6d6df;--accent:#087f79;--accent-color:#087f79;--accent-hover:#056963;--color-accent-primary:#087f79;--accent-cyan:#087f79;--accent-blue:#477f9d;--accent-purple:#718ab4;--accent-magenta:#787da7;--glow-cyan:rgba(8, 127, 121, .025);--glow-magenta:rgba(71, 127, 157, .015);--glass-bg:rgba(255, 255, 255, .95);--glass-border:#dfe7ec;--glass-shadow:0 8px 28px rgba(21, 46, 64, .045);--shadow-sm:0 2px 8px rgba(21, 46, 64, .025);--shadow-md:0 6px 20px rgba(21, 46, 64, .04);--shadow-lg:0 12px 36px rgba(21, 46, 64, .06);--font-sans:'PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,sans-serif;--font-family:var(--font-sans);--font-body:var(--font-sans);--tool-page-width:1200px;--tool-page-gutter:24px;--tool-section-gap:32px;--card-shadow:0 6px 20px rgba(21, 46, 64, .04);--shadow:0 6px 20px rgba(21, 46, 64, .04);--pico-font-family:var(--font-sans);--pico-primary:#087f79;--pico-primary-hover:#056963;--pico-primary-background:#087f79;--pico-primary-hover-background:#056963;--pico-primary-border:#087f79;--pico-primary-hover-border:#056963;--pico-primary-inverse:#fff;--pico-primary-focus:rgba(8, 127, 121, .16);--pico-color:#182f40;--pico-muted-color:#657d8e;--pico-card-background-color:#fff;--pico-card-sectioning-background-color:#fff;--pico-card-box-shadow:0 6px 20px rgba(21, 46, 64, .04);--pico-form-element-color:#182f40;--pico-form-element-background-color:#f6f9fa;--pico-form-element-border-color:#dfe7ec;--pico-form-element-active-background-color:#fff;--pico-form-element-active-border-color:#087f79;--pico-form-element-focus-color:rgba(8, 127, 121, .16)}html[data-ipkk-pico]{font-size:16px}[data-ipkk-tool] [data-site-nav] button{margin-bottom:0}body[data-ipkk-tool]{display:block;min-width:0;min-height:100vh;height:auto;margin:0;padding-inline:0;padding-bottom:0;background:var(--ipkk-bg,#f3f6f8);color:var(--ipkk-ink,#182f40);font-family:var(--font-sans);overflow-y:auto}[data-ipkk-tool]>.ipkkx-page-head,[data-ipkk-tool]>[data-tool-frame]{box-sizing:border-box;width:calc(100% - var(--tool-page-gutter) * 2);min-width:0;max-width:var(--tool-page-width);min-height:0;height:auto;margin:0 auto;padding:0}[data-ipkk-tool] [data-tool-inner]{box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:0;height:auto;margin:0;padding:0;flex:none}[data-ipkk-tool] :is([data-tool-surface],[data-tool-inner].tool-card,[data-tool-inner].card){padding:26px;border:1px solid #dfe7ec;border-radius:16px;background:#fff;box-shadow:var(--card-shadow);animation:none}[data-ipkk-tool]>[data-tool-frame]:has(> :is(.tool-card,.card) > .ipkkx-page-head),[data-ipkk-tool]>[data-tool-surface]{margin-top:24px}[data-ipkk-tool] :is([data-tool-surface],[data-tool-inner].tool-card,[data-tool-inner].card)>.ipkkx-page-head{padding-top:0}[data-ipkk-tool] :is([data-tool-frame],[data-tool-inner])>:last-child{margin-bottom:0}[data-ipkk-tool]>[data-tool-frame].main-content{min-height:0;padding:0}[data-ipkk-tool]>[data-tool-frame].main-content:has(> .tool-card + .tool-card){gap:24px}[data-ipkk-tool]>:is(.bg-grid,.bg-glow,.bg-gradient),body[data-ipkk-tool]::after,body[data-ipkk-tool]::before{display:none}body[data-tool-path="game/game-minesweeper"],body[data-tool-path="game/game-snake"]{--tool-page-width:640px}body[data-tool-path="game/game-tetris"]{--tool-page-width:860px}body[data-tool-path="health/breathing-exercise"]{--tool-page-width:720px}[data-tool-path="life/pomodoro"] :is(.timer,.count strong){color:#087f79}[data-tool-path="life/pomodoro"] :is(.mode,.count){color:#657d8e}[data-tool-path="life/pomodoro"] .setting{color:#182f40;background:#f6f9fa;border-color:#dfe7ec;font:inherit}[data-tool-path="life/pomodoro"] .setting.active{border-color:#087f79;background:#edf7f5;color:#056963}[data-tool-path="life/pomodoro"] .btn.secondary{background:#eef3f6;color:#182f40}body[data-tool-path="life/pomodoro-timer"],body[data-tool-path="time/pomodoro"]{--work-color:#087f79;--break-color:#477f9d;--long-break-color:#657d8e;--primary-color:#eef3f6}[data-tool-path="time/pomodoro"] .mode-tab.work.active{background:#edf7f5}[data-tool-path="time/pomodoro"] .mode-tab.break.active{background:#edf4f8}[data-tool-path="time/pomodoro"] .mode-tab.long-break.active{background:#eef3f6}[data-tool-path="time/pomodoro"] .panel{padding:24px}[data-tool-path="time/pomodoro"] .timer-display{margin:24px 0}[data-tool-path="time/pomodoro"] .mode-tabs{margin-bottom:24px}[data-tool-path="time/pomodoro"] .controls{margin-top:24px;align-items:center}[data-tool-path="time/pomodoro"] .timer-time{font-variant-numeric:tabular-nums}body[data-tool-path^="productivity/pomodoro"]{--accent-red:#087f79;--accent-orange:#056963;--accent-green:#477f9d}[data-tool-path="productivity/pomodoro-timer"] .timer-display{background:#fff;border:1px solid #dfe7ec}[data-tool-path="productivity/pomodoro-timer"] .timer-display.break{background:#edf4f8;border-color:#477f9d}[data-tool-path="productivity/pomodoro-timer"] .progress-fill{background:#087f79}[data-tool-path="life/pomodoro-timer"] .card{padding:26px;border:1px solid #dfe7ec;border-radius:16px;box-shadow:var(--card-shadow)}[data-tool-path="life/pomodoro-timer"] .mode-tab{background:#eef3f6;color:#182f40}[data-tool-path="life/pomodoro-timer"] .mode-tab.active{background:#087f79;color:#fff}[data-tool-path="life/pomodoro-timer"] .timer-ring .progress{stroke:#087f79}[data-tool-path="life/pomodoro-timer"] .stat-value{color:#087f79}[data-tool-path="life/pomodoro-timer"] :is(.label,.stat-label,.setting-label){color:#657d8e}body[data-tool-path="time/countdown-timer"]{--timer-alert-bg:#fff0f0}[data-tool-path="time/countdown-timer"] .card{background:#fff;border:1px solid #dfe7ec;box-shadow:var(--card-shadow);backdrop-filter:none}[data-tool-path="time/countdown-timer"] .time{color:#087f79;text-shadow:none}[data-tool-path="time/countdown-timer"] .time.warning{color:#9b6617}[data-tool-path="time/countdown-timer"] .time.danger{color:#b93d42}[data-tool-path="time/countdown-timer"] .time.finished{color:#087f79}[data-tool-path="time/countdown-timer"] :is(.input-group label,.option-label){color:#657d8e}[data-tool-path="time/countdown-timer"] .input-group input{background:#f6f9fa;border-color:#dfe7ec}[data-tool-path="time/countdown-timer"] .input-group input::placeholder{color:#657d8e}[data-tool-path="time/countdown-timer"] :is(.preset-btn,.btn-reset){background:#eef3f6;color:#182f40;border-color:#dfe7ec}[data-tool-path="time/countdown-timer"] :is(.preset-btn:hover,.input-group input:focus){background:#edf7f5;border-color:#087f79}[data-tool-path="time/countdown-timer"] .btn-start{background:#087f79}[data-tool-path="time/countdown-timer"] .btn-pause{background:#477f9d}[data-tool-path="time/countdown-timer"] :is(.progress-bar,.toggle-slider){background:#dfe7ec}[data-tool-path="time/countdown-timer"] :is(.progress,.toggle input:checked + .toggle-slider){background:#087f79}[data-tool-path="time/countdown-timer"] .options{border-color:#dfe7ec}[data-tool-path="time/countdown-timer"] .btn:hover{box-shadow:var(--card-shadow)}body[data-tool-path="ai/ai-agent-guide"]{--primary-color:#087f79}[data-tool-path="ai/ai-agent-guide"] :is(.agent-card,.concept-box,.use-case,.comparison-table th){background:#f1f8f6;border-color:#cfe3de}[data-tool-path="ai/ai-agent-guide"] .tag{background:#e2f0ec}[data-tool-path="ai/ai-agent-guide"] .agent-card:hover{box-shadow:var(--card-shadow)}[data-tool-path="ai/ai-agent-guide"] .tip-box{background:#edf7f5;border-color:#087f79}[data-tool-path="ai/ai-agent-guide"] .tip-box::before{content:"关键概念";color:#087f79}[data-tool-path="dev/js-playground"]>header{display:block;background:0 0;border:0}[data-tool-path="dev/js-playground"] .header-actions{justify-content:flex-end;margin-bottom:20px}[data-tool-path="dev/js-playground"]>.main-container{min-height:520px;border:1px solid #dfe7ec;border-radius:16px;overflow:hidden;background:#fff}[data-tool-path="dev/js-playground"] :is(.editor-panel,.output-panel){min-height:380px}[data-tool-path="fun/reaction-test"] #box{min-height:380px;padding:32px 20px;border-radius:16px}[data-tool-path="dev/html-preview"]>.main,[data-tool-path="dev/markdown-preview"]>.main{height:540px;border:1px solid #dfe7ec;border-radius:16px;overflow:hidden;background:#fff}[data-tool-path="dev/html-preview"] .editor,[data-tool-path="dev/markdown-preview"] .editor{min-width:0;background:#f6f9fa}[data-tool-path="dev/html-preview"] textarea,[data-tool-path="dev/markdown-preview"] textarea{width:100%;min-height:300px;background:#f6f9fa;color:#182f40}[data-tool-path="dev/html-preview"] .preview,[data-tool-path="dev/markdown-preview"] .preview{min-width:0;background:#fff}[data-tool-path="dev/responsive-preview"]>.responsive-workspace{border:1px solid #dfe7ec;border-radius:16px;overflow:hidden;background:#fff}[data-tool-path="dev/responsive-preview"] .preview-area{background:#eef3f6}[data-tool-path="game/game-tetris"]>.game-workspace{margin-top:0}[data-tool-path="game/game-tetris"] .game-wrapper{padding:0}[data-tool-path="health/breathing-exercise"]>.breathing-workspace{margin-top:0;display:flex;flex-direction:column;align-items:center;text-align:center}[data-tool-path="health/breathing-exercise"] .circle-stage{display:grid;place-items:center;width:100%;height:380px}[data-tool-path="health/breathing-exercise"] .circle{width:240px;height:240px;background:#087f79}[data-tool-path="health/breathing-exercise"] .breathing-workspace>button{background:#087f79;color:#fff}[data-ipkk-tool] .card:is(.result-card,.summary-card,.schedule-card,.spf-card){background:#f0f8f6;border-color:#cfe3de;color:#182f40}[data-tool-path="food/recipe-scaler"] .result-card :is(h2,p,.scale-info){color:#182f40}[data-tool-path="ai/tts-tools-2025"] .tool-card{background:#fff;border-color:#dfe7ec}[data-tool-path="ai/tts-tools-2025"] .tool-card.featured{background:#f0f8f6;border-color:#087f79}[data-tool-path="ai/ai-coding-tools"] .tool-card{background:#fff;border-color:#dfe7ec}[data-tool-path="calculator/percentage-calculator"] .result-value{background:#087f79}[data-tool-path="calculator/loan-calculator"] .result-value{background:0 0;-webkit-text-fill-color:#087f79}[data-tool-path="calculator/fuel-calculator"] .stat-value,[data-tool-path="converter/speed-converter"] .result-value,[data-tool-path="life/word-counter"] .stat-value,[data-tool-path="text/typing-test"] .timer{color:#087f79}[data-tool-path="office/meeting-cost-calculator"] .timer-display{background:#fff;border:1px solid #dfe7ec}[data-tool-path="office/meeting-cost-calculator"] .timer-value{color:#087f79}[data-tool-path="calculator/fuel-calculator"] .result{background:#edf7f5;color:#182f40}[data-tool-path="calculator/fuel-calculator"] .card{border:1px solid #dfe7ec;border-radius:16px;box-shadow:var(--card-shadow)}[data-tool-path="lifestyle/daily-affirmation"] .affirmation-card{background:#fff;border-color:#dfe7ec}[data-ipkk-tool] :is(#themeBtn,#themeToggle){display:none}[data-ipkk-tool] [data-tool-frame]>header:has(> .logo):not(:has(.ipkkx-page-head)){display:none}[data-tool-path="game/game-minesweeper"] .game-container>.header,[data-tool-path="game/game-snake"] .game-container>.header{margin:0 0 16px;display:flex;justify-content:flex-end}[data-tool-path="game/game-snake"] .game-overlay{background:rgba(255,255,255,.94)}[data-tool-path="dev/glassmorphism"] .main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-tool-path="dev/glassmorphism"] .toggle-switch{flex:0 0 50px;width:50px}[data-tool-legacy-colors] :is(.card,.panel,.editor,.result,.preview-card,.controls-card){background:#fff;color:#182f40;border:1px solid #dfe7ec;border-radius:16px;box-shadow:var(--card-shadow)}[data-tool-legacy-colors] :is(input,select,textarea,.output,.diff-view,.template,.editor-header,.view-toggle button,.response-body,.item-controls,.preset){background:#f6f9fa;color:#182f40;border-color:#dfe7ec}[data-tool-legacy-colors] :is(h2,h3,.result-header){color:#182f40}[data-tool-legacy-colors] :is(label,.line-num,.line-same){color:#657d8e}[data-tool-legacy-colors] :is(.btn,.view-toggle button.active){background:#087f79;color:#fff;border-color:#087f79}[data-tool-legacy-colors] :is(.btn,.template):hover{background:#056963;color:#fff}[data-tool-legacy-colors] .line-add{color:#18764a;background:#eaf7ef}[data-tool-legacy-colors] .line-remove{color:#b93d42;background:#fff0f0}[data-tool-legacy-colors] .keyword{color:#075d9a}[data-tool-legacy-colors] .string{color:#9a4e22}[data-tool-legacy-colors] .number{color:#306c43}[data-tool-legacy-colors] .function{color:#69449c}[data-tool-legacy-colors] .comment{color:#657d8e}[data-tool-path="dev/css-grid"] .grid-container{background:#eef3f6}[data-tool-path="dev/css-grid"] .grid-item{background:#087f79;color:#fff}[data-tool-path="dev/css-flexbox"] .flex-container{background:#eef3f6}[data-tool-path="dev/css-flexbox"] .flex-item{background:#087f79;color:#fff}[data-tool-path="dev/api-tester"] :is(.tab-content,.tab){background:#eef3f6;color:#182f40}[data-tool-path="dev/api-tester"] .tab.active{background:#087f79;color:#fff}[data-tool-path="dev/diff-checker"] :is(.input-panel,.result-section){background:#fff;border:1px solid #dfe7ec}[data-tool-path="dev/diff-checker"] :is(.panel-header,.result-header,.line-number){background:#eef3f6;color:#657d8e}[data-tool-path="dev/diff-checker"] .panel-title{color:#182f40}[data-tool-path="dev/diff-checker"] .view-btn.active{background:#087f79;border-color:#087f79}[data-tool-path="dev/json-path-finder"] :is(.path-display,.value-preview){background:#eef3f6;color:#182f40}[data-tool-path="dev/json-path-finder"] .tree-key{color:#075d9a}[data-tool-path="dev/json-path-finder"] .tree-string{color:#9a4e22}[data-tool-path="dev/json-path-finder"] .tree-number{color:#306c43}[data-tool-path="dev/json-path-finder"] .tree-boolean{color:#69449c}[data-tool-path="dev/json-path-finder"] .tree-node:hover{background:#eef3f6}body[data-tool-path="network/rest-client"]{--tool-primary:#087f79;--pico-secondary:#657d8e;--pico-secondary-background:#eef3f6;--pico-secondary-border:#dfe7ec;--pico-secondary-inverse:#182f40}[data-tool-path="network/rest-client"] .panel{border:1px solid #dfe7ec;border-radius:16px;box-shadow:var(--card-shadow)}[data-tool-path="network/rest-client"] :is(.kv-add,.copy-btn){color:#182f40}[data-tool-path="life/classroom-danmaku"]>.danmaku-workspace{position:relative;height:640px;overflow:hidden;border:1px solid #dfe7ec;border-radius:16px;background:#182f40}[data-tool-path="life/classroom-danmaku"] .danmaku-workspace :is(#danmaku-stage,#message-wall,.top-bar,.control-panel,.screen-mode-hint,.stats,.shortcuts-hint){position:absolute}[data-tool-path="life/classroom-danmaku"] .danmaku-workspace :is(#danmaku-stage,#message-wall){top:0;height:100%}[data-tool-path="life/classroom-danmaku"] .top-bar{top:0;background:#fff;border-bottom:1px solid #dfe7ec}[data-tool-path="life/classroom-danmaku"] .control-panel{padding-top:20px;background:#fff;border-top:1px solid #dfe7ec}[data-tool-path="life/classroom-danmaku"] .screen-mode-hint :is(h2,p){color:#e3edf2}[data-tool-path="life/classroom-danmaku"] .danmaku-workspace:fullscreen{width:100vw;max-width:none;height:100dvh;border:0;border-radius:0}[data-tool-path="life/classroom-danmaku"].sender-mode>.danmaku-workspace{height:380px}[data-tool-path="text/markdown-editor"]>.header{width:calc(100% - var(--tool-page-gutter) * 2);max-width:var(--tool-page-width);margin:0 auto 20px;padding:12px;border:1px solid #dfe7ec;border-radius:12px;background:#fff}[data-tool-path="text/markdown-editor"] .toolbar{flex-wrap:wrap}[data-tool-path="text/markdown-editor"] .toolbar button{background:#eef3f6;color:#182f40}[data-tool-path="text/markdown-editor"] .toolbar button:hover{background:#087f79;color:#fff}[data-tool-path="text/markdown-editor"]>.container{min-height:540px;border:1px solid #dfe7ec;border-radius:16px;overflow:hidden}[data-tool-path="text/markdown-editor"] .editor{background:#f6f9fa}[data-tool-path="text/markdown-editor"] .preview{background:#fff;color:#182f40}[data-tool-path="text/markdown-editor"] .preview :is(h1,h2,h3){color:#182f40;border-color:#dfe7ec}[data-tool-path="text/markdown-editor"] .preview :is(code,pre,th){background:#eef3f6;color:#182f40}[data-tool-path="text/markdown-editor"] .preview blockquote{color:#657d8e;border-color:#087f79}[data-tool-path="text/markdown-editor"] .preview a{color:#087f79}[data-tool-path="text/markdown-editor"] .divider,[data-tool-path="text/markdown-editor"] .preview :is(td,th,hr){border-color:#dfe7ec}[data-tool-path="text/markdown-editor"] .divider{background:#dfe7ec}[data-ipkk-tool] .ipkkx-page-head{padding-top:24px;text-align:left}[data-ipkk-tool] .ipkkx-page-head h1{color:#182f40;background:0 0;-webkit-text-fill-color:currentColor;text-align:left}[data-ipkk-tool] .ipkkx-page-head p{color:#657d8e;opacity:1;text-align:left}[data-ipkk-tool] :is(input,textarea,select,button){font-family:var(--font-sans)}[data-ipkk-tool] :is(button.btn-primary,button.primary,button.primary-btn,.btn.primary){background:#087f79;border-color:#087f79;color:#fff;box-shadow:none}[data-ipkk-tool] :is(button.btn-primary,button.primary,button.primary-btn,.btn.primary):hover{background:#056963}[data-ipkk-tool] :is(input:not([type=color]),textarea,select){color:var(--text-primary)}[data-ipkk-tool] :is(input,textarea,select){min-width:0;max-width:100%}[data-ipkk-tool] :is(textarea,pre,code){font-family:var(--font-mono, ui-monospace, monospace)}[data-ipkk-tool] :is(pre,.code-block,.code-preview){max-width:100%;overflow-x:auto}[data-ipkk-tool] .tb-fab-theme,[data-ipkk-tool] button[onclick^='toggleTheme(']{display:none}body[data-ipkk-tool]>.tool-faq{position:relative;display:block;width:calc(100% - var(--tool-page-gutter) * 2);max-width:var(--tool-page-width);min-width:0;height:auto;margin:var(--tool-section-gap) auto 56px;padding:28px 26px;color:#687388;text-align:left;box-sizing:border-box;clear:both}[data-ipkk-tool] .tool-faq h2{font-size:22px;color:#2d3347}[data-ipkk-tool] .tool-faq h3{margin:24px 0 12px;font-size:18px;color:#2d3347}[data-ipkk-tool] .tool-faq p{margin:0;font-size:14px;line-height:1.95;color:#687388;white-space:pre-line}[data-ipkk-tool] .tool-faq :is(h2,h3){background:0 0;-webkit-text-fill-color:currentColor}[data-ipkk-tool] .tool-faq :is(h2,h3)::before{content:none}[data-ipkk-tool]>.ipkkx-footer{position:static;inset:auto;width:100%;height:auto;box-sizing:border-box}@media (max-width:900px){[data-tool-path="dev/glassmorphism"] .main-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){body[data-ipkk-tool]{--tool-page-gutter:12px;--tool-section-gap:24px}[data-ipkk-tool] .ipkkx-page-head{padding-top:16px}[data-ipkk-tool] :is([data-tool-surface],[data-tool-inner].tool-card,[data-tool-inner].card){padding:18px}[data-ipkk-tool]>[data-tool-frame]:has(> :is(.tool-card,.card) > .ipkkx-page-head),[data-ipkk-tool]>[data-tool-surface]{margin-top:20px}[data-tool-path="time/pomodoro"] .panel{padding:18px}[data-tool-path="time/pomodoro"] .mode-tab{min-width:0;padding:10px 6px}[data-tool-path="time/pomodoro"] .timer-circle{width:250px;height:250px}[data-tool-path="time/pomodoro"] .timer-circle svg{width:100%;height:100%}[data-tool-path="time/pomodoro"] .timer-time{font-size:3.25rem}[data-tool-path="life/pomodoro-timer"] .card{padding:18px}[data-tool-path="dev/html-preview"]>.main,[data-tool-path="dev/markdown-preview"]>.main{height:760px}[data-tool-path="dev/html-preview"] :is(.editor,.preview),[data-tool-path="dev/markdown-preview"] :is(.editor,.preview){min-height:360px}[data-tool-path="health/breathing-exercise"] .circle-stage{height:320px}[data-tool-path="health/breathing-exercise"] .circle{width:200px;height:200px}[data-tool-path="life/classroom-danmaku"] .top-bar{flex-direction:row;flex-wrap:wrap;gap:8px}[data-tool-path="life/classroom-danmaku"] .top-bar .logo{display:none}[data-tool-path="life/classroom-danmaku"] .mode-tabs{order:2;width:100%;justify-content:center}[data-tool-path="life/classroom-danmaku"] .top-actions{margin-left:auto}[data-tool-path="life/classroom-danmaku"] .stats{top:15px;left:12px;right:auto;padding:8px;z-index:101}[data-tool-path="life/classroom-danmaku"] .control-panel{padding:16px 12px}[data-ipkk-tool] :is(.layout,.main-grid,.main-layout,.main-content,.tool-layout,.editor-layout,.builder-layout,.tool-grid,.converter,.form-row,.control-row,.result-grid,.price-grid,.color-options,.theme-grid,.icon-grid)>*{min-width:0}[data-ipkk-tool] .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-ipkk-tool] .icon-grid{grid-template-columns:repeat(5,minmax(0,1fr))}[data-ipkk-tool] .icon-grid .icon-btn{padding:8px 0}[data-ipkk-tool] :is(.config-section,.config-panel,.input-panel,.controls-panel,.preview-area,.panel,.card,.controls){min-width:0;max-width:100%;box-sizing:border-box}[data-ipkk-tool] :is(.result-grid,.price-grid){grid-template-columns:1fr}[data-ipkk-tool] :is(.tabs,.tab-bar,.method-tabs,.output-tabs,.button-row,.button-group,.btn-group,.btn-row,.btns){flex-wrap:wrap}[data-ipkk-tool] .method-tab{height:auto;min-height:36px;white-space:normal}[data-ipkk-tool] table{display:block;min-width:0;max-width:100%;overflow-x:auto}[data-ipkk-tool] :is(.preview-area,.preview-container,.canvas-container,#previewContainer){overflow-x:auto}[data-ipkk-tool] :is(.code-window,.preview-item){min-width:0;max-width:100%}[data-ipkk-tool] #gameCanvas{max-width:100%;height:auto}[data-ipkk-tool] .summary-grid{grid-template-columns:1fr}[data-ipkk-tool] :is(.grid,.row,.form-row,.input-row,.controls,.settings,.panels,.tool-grid,.editor-container,.server-card){min-width:0}[data-ipkk-tool] :is(.grid,.row,.form-row,.input-row,.panels,.tool-grid,.editor-container)>*{min-width:0}[data-ipkk-tool] :is(.comparison-table,.data-table){display:block;max-width:100%;overflow-x:auto}[data-ipkk-tool] :is(p,li)>code{overflow-wrap:anywhere;word-break:break-word;white-space:normal}body[data-ipkk-tool]>.tool-faq{margin-bottom:36px;padding:22px 18px}[data-ipkk-tool] .tool-faq h2{font-size:20px}[data-ipkk-tool] .tool-faq h3{font-size:17px}}