body.pochi-app{--app-bg:#1c1d24;--app-text:#f6f1e8;--app-muted:#b9b7c8;--app-line:#393944;--app-focus:#ccb2ff;background:var(--app-bg);color:var(--app-text)}.pochi-app .app-header{height:40px;min-height:40px;padding:4px 16px;gap:20px}.pochi-app .app-header h1{font-size:13px}.pochi-app .app-footer{height:24px;padding:4px 16px;font-size:11px}.studio{--accent:#c6a8f3;--panel:#272830;position:relative;height:calc(100svh - 64px);min-height:560px;display:grid;grid-template-columns:64px minmax(0,1fr) 288px;grid-template-rows:56px minmax(0,1fr) 28px;grid-template-areas:"bar bar bar" "rail stage inspector" "status status status";font:14px/1.5 Yu Gothic UI,Meiryo,sans-serif}.studio button,.studio-dialog button{min-height:44px;min-width:44px;border:1px solid #45454f;border-radius:8px;background:#30313b;color:#f7f3eb;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;font:inherit;cursor:pointer;touch-action:manipulation}.studio button:disabled,.studio-dialog button:disabled{opacity:.4;cursor:default}.studio button.primary,.studio-dialog button.primary{background:#70548f;border-color:#c6a8f3}.studio button[aria-pressed=true],.studio-dialog button[aria-pressed=true]{background:#574467;border-color:#c6a8f3}.studio svg,.studio-dialog svg{flex-shrink:0}.studio button:focus-visible,.studio-dialog :focus-visible{outline:3px solid #ccb2ff;outline-offset:2px}@media(hover:hover){.studio button:hover,.studio-dialog button:hover{border-color:#c6a8f3;background:#474050}}.studio-bar{grid-area:bar;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#262730;border-bottom:1px solid #383944;min-width:0}.studio-bar .icon-button{width:44px;padding:8px}.studio-bar .bar-end{margin-left:auto;display:flex;gap:8px}.studio-bar .auto-state{color:#c5becf;font-size:12px;max-width:100px}.studio-rail{grid-area:rail;display:flex;flex-direction:column;gap:8px;padding:8px;background:#262730}.studio-rail button{flex-direction:column;gap:2px;padding:4px;min-height:52px;width:48px;font-size:12px}.studio-stage{grid-area:stage;position:relative;min-height:0;min-width:0;overflow:hidden;background:#1f2027}.studio-canvas{display:block;width:100%;height:100%;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:default}.studio-context{position:absolute;top:10px;left:12px;right:12px;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:2}.studio-context span{padding:5px 10px;border-radius:6px;background:#20212bda;color:#e4d8f6;font-size:13px}.studio-context .context-actions{margin-left:auto;display:flex;gap:8px}.studio-context button{pointer-events:auto;width:44px;padding:7px;background:#292a35ed}.studio-view{position:absolute;bottom:12px;left:12px;display:flex;gap:8px;z-index:2}.studio-session{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;align-items:center;background:#252630f2;border:1px solid #726086;padding:8px;border-radius:10px;z-index:3}.studio-session[hidden]{display:none}.studio-session span{font-size:12px}.studio-inspector{grid-area:inspector;background:var(--panel);border-left:1px solid #3b3b46;overflow:auto;padding:16px 16px 10px;min-width:0}.studio-inspector h2{font-size:15px;margin:0 0 12px}.studio-inspector h3{font-size:13px;margin:18px 0 8px;color:#c5bccf}.studio-inspector .panel-close{display:none}.studio-field{display:flex;flex-direction:column;gap:6px;margin:10px 0;color:#d6cde0;font-size:13px}.studio-field input,.studio-field select,.studio-field textarea,.studio-dialog input,.studio-dialog select,.studio-dialog textarea{width:100%;min-height:44px;padding:9px;border:1px solid #454550;border-radius:6px;background:#1d1f27;color:#fff;font:inherit;box-sizing:border-box}.studio-field input[type=color]{padding:4px}.studio-field input[type=range]{padding:0;accent-color:#c6a8f3}.studio-field input[type=checkbox]{min-height:22px;width:22px;accent-color:#c6a8f3}.studio-field.check{flex-direction:row;align-items:center}.studio-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-action-row{display:flex;gap:8px;flex-wrap:wrap}.studio-action-row button{flex:1}.studio-hint{font-size:12px;color:#bdb4c9;margin:8px 0}.studio-layers{display:flex;flex-direction:column;gap:6px}.studio-layers button{justify-content:flex-start;text-align:left}.studio-status{grid-area:status;margin:0;padding:4px 12px;color:#cabed5;background:#20212a;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-dialog{color:#f5eee7;background:#272830;border:1px solid #595064;border-radius:12px;padding:18px;width:min(560px,calc(100vw - 24px));max-height:calc(100svh - 40px);overflow:auto;font:14px/1.6 Yu Gothic UI,Meiryo,sans-serif}.studio-dialog::backdrop{background:#10101999}.studio-dialog .dialog-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}.studio-dialog h2{font-size:17px;margin:0}.studio-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:-18px;background:#272830;padding:12px 0;margin-top:10px}.studio-dialog .dialog-note{font-size:13px;color:#c8becf}.studio-dialog textarea{min-height:130px;font-size:18px}.studio-dialog .help-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-dialog a{color:#d7bfff}.studio-gallery{width:340px;margin:0;position:fixed;top:96px;right:16px;left:auto;max-height:calc(100svh - 134px)}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-item{display:grid;grid-template-columns:1fr 44px;gap:2px;border:1px solid #48434f;border-radius:9px;overflow:hidden}.preset-item .preset-pick{display:flex;grid-column:1/-1;flex-direction:column;padding:6px;border:0;border-radius:0;min-height:112px;font-size:12px}.preset-item canvas{width:100%;height:80px;-o-object-fit:contain;object-fit:contain}.preset-item .preset-star{grid-column:2;border:0;border-radius:0;min-height:44px;padding:4px;background:#2b2835}.preset-item .preset-name{grid-column:1;padding:7px;font-size:11px;color:#bbb0c8}.studio-busy{position:absolute;z-index:20;inset:56px 0 28px;background:#1b1c26bb;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px}.studio-busy[hidden],.studio .studio-mobile-only{display:none}.generator-main{border-bottom:1px solid #45404e;padding-bottom:12px;margin-bottom:10px}.generator-range{display:grid;grid-template-columns:1fr auto;align-items:center}.generator-range input{grid-column:1/-1}.generator-range output{font-size:13px;color:#f0d18c;font-variant-numeric:tabular-nums}.studio .bubble-gallery{width:min(720px,calc(100vw - 32px));max-height:calc(100svh - 130px);padding:16px}.generator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.generator-grid:empty{display:none}.generator-grid .generator-candidate{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;min-width:0;border-radius:8px}.generator-candidate canvas{display:block;width:100%;aspect-ratio:34/23;height:auto;background:#f3f4f0;-o-object-fit:contain;object-fit:contain}.generator-candidate span{padding:8px;min-height:40px;font-size:13px;box-sizing:border-box}.generator-speech{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.generator-speech button{font-size:12px;padding:6px;white-space:normal}.generator-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.generator-gacha{margin-top:4px}.generator-legacy{margin-top:18px}.generator-count:empty{display:none}.generator-count{font-size:13px;color:#f0d18c}.generator-script{width:min(720px,calc(100vw - 24px))}.generator-script .dialog-actions{flex-wrap:wrap}.generator-script .dialog-actions button{flex:1}.generator-script [data-ui=script-count]{font-size:13px}.generator-script textarea{min-height:160px}@media(max-width:767px){.studio .bubble-gallery{inset:auto 12px 86px;width:calc(100vw - 24px);max-height:68svh;padding:12px;box-sizing:border-box}.generator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.generator-speech{grid-template-columns:repeat(3,minmax(0,1fr))}.generator-speech button{min-height:44px}.generator-toolbar{gap:8px}.generator-grid .generator-candidate{touch-action:pan-y}.generator-script .generator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1099px){.studio{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"bar bar" "rail stage" "status status"}.studio-inspector{display:none;position:absolute;right:8px;top:64px;bottom:36px;width:288px;z-index:5;border:1px solid #6b547c;border-radius:10px;box-shadow:0 8px 36px #0005}.studio[data-panel=true] .studio-inspector{display:block}.studio-inspector .panel-close{display:flex;float:right;margin:-5px -5px 5px 5px;padding:5px}}@media(max-width:767px){.studio{height:calc(100svh - 64px);min-height:520px;grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0,1fr) 72px 24px;grid-template-areas:"bar" "stage" "rail" "status"}.studio-bar{gap:4px;padding:4px 8px}.studio-bar .tool-secondary,.studio-bar .auto-state{display:none}.studio-bar .bar-end{gap:4px}.studio-bar .primary{padding:7px 9px;font-size:13px}.studio-bar .primary svg{width:18px}.studio-rail{flex-direction:row;justify-content:space-around;padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:8px}.studio-rail button{width:auto;flex:1;min-height:52px;max-width:110px}.studio-rail .mobile-hide{display:none}.studio .studio-mobile-only{display:flex}.studio-context{top:8px;left:8px;right:8px;gap:4px}.studio-context span{font-size:12px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-context .context-actions{gap:4px}.studio-inspector{inset:auto 8px 100px;width:auto;max-height:49%;padding:12px}.studio-session{left:8px;right:8px;bottom:8px;padding:6px;justify-content:flex-end}.studio-session span{margin-right:auto}.studio-view button{min-width:44px;padding:6px}.studio-status{padding:3px 8px;font-size:11px}.studio-gallery{inset:auto 12px 86px;width:calc(100vw - 24px);max-height:57svh;padding:12px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.preset-item .preset-pick{min-height:100px;padding:4px;font-size:11px}.preset-item canvas{height:62px}.preset-item .preset-name{font-size:10px;padding:5px}.studio-dialog .help-steps{grid-template-columns:1fr}.studio-dialog .dialog-actions{bottom:-12px}.pochi-app .app-header{padding:4px 10px;gap:12px}.pochi-app .brand span{display:none}.studio-busy{inset:52px 0 96px}}@media(prefers-reduced-motion:reduce){.studio *,.studio-dialog *{scroll-behavior:auto}}.preset-item[hidden]{display:none}.studio-details summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#d6cde0;font-size:13px}.studio-details{border-bottom:1px solid #45404e;margin-bottom:12px}.preset-item .preset-name{font-size:12px}.studio[data-image-studio=comic] .studio-rail{gap:4px;overflow-y:auto}.studio[data-image-studio=comic] .studio-rail button{min-height:48px}.studio-new-label{font-size:12px}.studio-bar button[data-action=new]{width:auto}.studio-sound{white-space:nowrap;font-size:12px!important}.studio-context button[data-action=delete]{width:auto;min-width:70px}.studio-context button[data-action=delete] span{background:transparent;padding:0;color:inherit}.studio-tool-name:empty{display:none}.studio-sketch-tools{position:absolute;top:62px;left:12px;z-index:2;display:flex;flex-direction:column;gap:6px;padding:8px;background:#252630ed;border:1px solid #655573;border-radius:10px;max-width:calc(100% - 24px)}.studio-sketch-tools[hidden]{display:none}.studio-sketch-colors,.studio-sketch-actions{display:flex;gap:6px;align-items:center}.studio-sketch-colors button{padding:6px 9px;font-size:12px}.studio-sketch-colors i{width:16px;height:16px;display:inline-block;border:1px solid #f5f3ed;border-radius:50%}.studio-sketch-actions button{font-size:12px;padding:6px 9px}.studio-sketch-actions label{display:flex;align-items:center;gap:6px;font-size:12px}.studio-sketch-actions input{width:52px;min-height:44px;background:#1d1f27;border:1px solid #454550;border-radius:6px;color:#fff;padding:6px}.studio-line-summary{display:flex;gap:8px;align-items:center;color:#cbb9e0;font-size:12px;margin:8px 0}.studio-photo-actions{margin-top:8px}@media(max-width:767px){.studio[data-image-studio=comic] .studio-rail{gap:3px;padding-inline:6px;overflow-y:visible}.studio[data-image-studio=comic] .studio-rail button{min-width:44px;min-height:52px;font-size:11px}.studio[data-image-studio=comic] .studio-bar .studio-sound{min-width:44px;padding:6px}.studio[data-image-studio=comic] .studio-sound svg{display:none}.studio[data-image-studio=comic] .studio-bar [data-action=help]{display:none}.studio[data-image-studio=comic] .studio-context{flex-wrap:wrap}.studio[data-image-studio=comic] .studio-tool-name{order:3;font-size:11px}.studio-sketch-tools{top:90px;left:8px;max-width:calc(100% - 16px);padding:6px}.studio-sketch-colors button,.studio-sketch-actions button{padding:6px 8px}}.studio-inline-text{position:absolute;z-index:4;box-sizing:border-box;resize:none;padding:0;border:0;border-radius:0;background:transparent!important;color:transparent!important;-webkit-text-fill-color:transparent;caret-color:transparent;outline:none;overflow:hidden;white-space:pre-wrap;touch-action:auto;-moz-user-select:text;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;transform-origin:0 0;cursor:text}.studio-inline-text::-moz-selection{background:transparent}.studio-inline-text::selection{background:transparent}.studio-inline-text[hidden]{display:none}.studio-inline-text:focus{box-shadow:none}.studio[data-editing-text=true] .studio-view{display:none}.studio-session{z-index:8}.studio-path-tools{position:absolute;left:12px;bottom:84px;display:flex;gap:4px;padding:6px;background:#252630f2;border:1px solid #726086;border-radius:6px;z-index:4;max-width:calc(100% - 24px);box-sizing:border-box}.studio-path-tools[hidden]{display:none}.studio-path-tools select{width:120px;min-width:0;height:44px;border:1px solid #62616e;border-radius:4px;background:#202129;color:#fff;font:inherit}.studio-path-tools button{width:44px;min-width:44px;padding:4px}.studio[data-tool=edit-path] .studio-canvas{cursor:crosshair}.studio[data-tool=edit-path] .studio-view{inset:60px 12px auto auto}@media(max-width:767px){.studio-path-tools{left:8px;right:8px;bottom:76px;max-width:none;padding:4px;gap:2px}.studio-path-tools select{flex:1;width:90px}.studio-path-tools button{min-width:44px;width:44px}.studio[data-tool=edit-path] .studio-inspector{max-height:calc(100% - 210px);bottom:202px}}.studio-choice-row{display:flex;gap:8px}.studio-choice-row button{flex:1}.studio-color-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.studio-color-presets button{padding:5px;min-width:44px;min-height:44px}.studio-color-presets i{display:block;width:31px;height:30px;font:700 20px/26px serif;border:2px solid;border-radius:50%;font-style:normal}.studio-tail-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.studio-tail-directions button{min-width:44px;font-size:20px}.studio-field select{min-width:0;text-overflow:ellipsis}.studio-field.check{min-height:44px}[data-ui=custom-presets]:empty{display:none}[data-ui=custom-presets]{margin:12px 0}.studio[data-image-studio=bubble] .studio-gallery{width:min(550px,calc(100vw - 24px))}.studio[data-image-studio=bubble] .studio-gallery .preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:767px){.studio[data-image-studio=bubble] .studio-gallery{width:calc(100vw - 24px);max-height:65svh}.studio[data-editing-text=true] .studio-inspector{max-height:36%;bottom:100px}.studio-inline-text{scroll-margin:64px}}.studio[data-image-studio=comic][data-tool=brush] .studio-context,.studio[data-image-studio=comic][data-tool=eraser] .studio-context{display:none}.studio .studio-sketch-tools{top:8px;flex-direction:row;align-items:center;gap:8px}@media(max-width:767px){.studio .studio-sketch-tools{left:8px;right:auto;padding:4px;max-width:calc(100% - 16px);gap:6px}.studio-sketch-tools .studio-sketch-colors{gap:4px}.studio-sketch-tools .studio-sketch-colors button{width:44px;min-width:44px;height:48px;padding:2px;flex-direction:column;font-size:11px;gap:0}.studio-sketch-tools .studio-sketch-actions{gap:6px}.studio-sketch-tools [data-action=brush]{display:none}.studio-sketch-tools [data-action=eraser]{width:44px;min-width:44px;padding:8px;font-size:0;gap:0}.studio-sketch-tools [data-action=eraser] svg{width:22px;height:22px}.studio-sketch-tools .studio-sketch-actions label{font-size:0;gap:0}.studio-sketch-tools .studio-sketch-actions input{width:44px;min-width:44px;min-height:44px;font-size:14px}.studio[data-editing-text=true]{height:var(--studio-edit-height, calc(100svh - 64px) );min-height:0;grid-template-rows:52px minmax(0,1fr) 24px;grid-template-areas:"bar" "stage" "status"}.studio[data-editing-text=true] .studio-rail,.studio[data-editing-text=true] .studio-context,.studio[data-editing-text=true] .studio-view{display:none}}.studio-bubble-tools{grid-area:bubble-tools;display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;padding:12px;box-sizing:border-box;background:var(--panel);border-right:1px solid #3b3b46}.bubble-tools-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.bubble-tools-heading h2{font-size:15px;margin:0}.bubble-tools-heading button{display:none;padding:6px}.bubble-setting-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.bubble-setting-tabs button{flex-direction:column;min-width:44px;height:58px;padding:4px;gap:2px;font-size:12px;white-space:nowrap}.bubble-setting-tabs svg{width:20px;height:20px}[data-ui=bubble-controls]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}[data-ui=bubble-controls] .studio-field{margin:8px 0;gap:4px}[data-ui=bubble-controls] .generator-main{padding-bottom:8px;margin-bottom:8px}[data-ui=bubble-controls] h3{font-size:13px;margin:4px 0 8px}[data-ui=bubble-controls] .studio-details[data-primary=true]{border-bottom:0;margin-bottom:8px}[data-ui=bubble-controls] .studio-details[data-primary=true]>summary{display:none}[data-ui=bubble-controls] [data-bubble-group=position]+[data-bubble-group=position]{margin-top:12px}[data-ui=bubble-controls] [data-bubble-group=shape]:empty{display:none}.studio[data-image-studio=bubble]{min-height:0}.studio[data-image-studio=bubble] .studio-inspector{padding:14px}.studio[data-image-studio=bubble] .studio-inspector h2{margin:14px 0 8px}.studio[data-image-studio=bubble] .studio-inspector .studio-field{margin:8px 0;gap:4px}.studio .bubble-text-field{margin-top:0}.studio .bubble-text-field textarea{display:block;height:148px;min-height:112px;max-height:320px;resize:vertical;padding:10px;font:18px/1.6 Yu Gothic UI,Meiryo,sans-serif;letter-spacing:0;writing-mode:horizontal-tb;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;touch-action:auto;-moz-user-select:text;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}@media(min-width:960px){.studio[data-image-studio=bubble]{grid-template-columns:56px 228px minmax(0,1fr) 336px;grid-template-areas:"bar bar bar bar" "rail bubble-tools stage inspector" "status status status status"}.studio[data-image-studio=bubble] .studio-rail{padding:8px 4px;gap:6px}.studio[data-image-studio=bubble] .studio-rail button{min-height:48px;width:48px}.studio[data-image-studio=bubble] .studio-inspector{display:block;position:static;width:auto;max-height:none;border:0;border-left:1px solid #3b3b46;border-radius:0;box-shadow:none}.studio[data-image-studio=bubble] .panel-close{display:none}}@media(min-width:960px)and (max-width:1199px){.studio[data-image-studio=bubble]{grid-template-columns:56px 208px minmax(0,1fr) 320px}.studio-bubble-tools{padding:10px}.bubble-setting-tabs{gap:3px}}@media(max-height:760px){.studio .bubble-text-field textarea{height:112px}}@media(max-width:959px){.studio-bubble-tools{display:none;position:absolute;z-index:6;left:72px;top:64px;bottom:36px;width:260px;border:1px solid #6b547c;border-radius:8px;box-shadow:0 8px 36px #0005}.studio[data-controls-open=true] .studio-bubble-tools{display:flex}.bubble-tools-heading button{display:inline-flex}.studio[data-image-studio=bubble] .studio-rail [data-action=bubble-settings]{display:flex}}@media(max-width:767px){.studio-bubble-tools{inset:64px 8px 100px;width:auto;max-height:none;padding:10px}.studio[data-image-studio=bubble] .studio-rail{gap:3px;padding-inline:6px}.studio[data-image-studio=bubble] .studio-rail button{min-width:44px;font-size:11px}.studio[data-image-studio=bubble] .studio-inspector{padding:12px}.studio .bubble-text-field textarea{height:112px;max-height:220px}.studio[data-image-studio=bubble][data-tool=edit-path] .studio-bubble-tools{top:64px;bottom:202px}.studio[data-image-studio=bubble][data-side-text-active=true]{height:var(--studio-edit-height, calc(100svh - 64px) );grid-template-rows:52px minmax(0,1fr) 24px;grid-template-areas:"bar" "stage" "status"}.studio[data-image-studio=bubble][data-side-text-active=true] .studio-rail,.studio[data-image-studio=bubble][data-side-text-active=true] .studio-context{display:none}.studio[data-image-studio=bubble][data-side-text-active=true] .studio-inspector{top:60px;bottom:32px;max-height:none}.studio[data-image-studio=bubble][data-side-text-active=true] .studio-view{display:none}}@media(min-width:960px){.studio[data-image-studio=bubble] .studio-context [data-action=panel]{display:none}}