.exi-editor{--exi-accent:#dc400e;--exi-ink:#242628;--exi-muted:#667078;--exi-border:#e2e5e8;color:var(--exi-ink);box-sizing:border-box;max-width:1180px;margin-inline:auto;font-size:14px;line-height:1.65}.exi-editor .exi-video-settings{background:#f6f9fc;border:1px solid #dbe4ed;border-radius:10px;grid-column:1/-1;gap:16px;min-width:0;padding:18px;display:grid}.exi-editor .exi-video-settings legend{padding-inline:6px;font-weight:700}.exi-editor *{box-sizing:border-box}.exi-editor h1,.exi-editor h2,.exi-editor h3,.exi-editor h4,.exi-editor p{margin:0}.exi-editor a{color:inherit;text-decoration:none}.exi-editor button,.exi-upload{cursor:pointer}.exi-editor input,.exi-editor select,.exi-editor textarea,.exi-editor button{font:inherit}.exi-editor button{border:1px solid var(--exi-border);color:var(--exi-ink);background:#fff;border-radius:8px;padding:7px 12px}.exi-editor button:hover{border-color:var(--exi-accent)}.exi-editor :focus-visible{outline-offset:3px;outline:3px solid #f7a58a}.exi-editor fieldset{border:0;min-width:0;margin:0;padding:0}.exi-editor fieldset:disabled{opacity:.65}.exi-overview{padding:32px 28px 70px}.exi-eyebrow{letter-spacing:.17em;color:var(--exi-accent);font-size:11px;font-weight:700}.exi-heading h1{margin:6px 0;font-size:30px;font-weight:750}.exi-heading p,.exi-page-card p{color:var(--exi-muted)}.exi-workflow{background:#fff6f0;border:1px solid #f6e0d4;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin:26px 0;padding:18px 22px;display:flex}.exi-workflow span{align-items:center;gap:8px;font-size:12px;display:flex}.exi-workflow b{width:24px;height:24px;color:var(--exi-accent);background:#fff;border-radius:50%;place-items:center;display:grid}.exi-workflow i{color:#a6a6a6}.exi-shortcuts{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px;display:grid}.exi-shortcuts a{border:1px solid var(--exi-border);background:#fff;border-radius:12px;flex-direction:column;padding:18px 22px;transition:border-color .2s;display:flex}.exi-shortcuts a:hover,.exi-page-card:hover{border-color:#e8ad94}.exi-shortcuts strong{font-size:16px}.exi-shortcuts span{color:var(--exi-muted);margin-top:4px;font-size:12px}.exi-search{align-items:center;gap:16px;margin-bottom:18px;font-weight:600;display:flex}.exi-search input{flex:1;max-width:470px;font-weight:400}.exi-editor input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.exi-editor textarea,.exi-editor select{width:100%;color:var(--exi-ink);background:#fff;border:1px solid #ccd2d8;border-radius:8px;min-height:40px;padding:9px 11px}.exi-editor textarea{resize:vertical;line-height:1.8}.exi-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.exi-page-card{border:1px solid var(--exi-border);background:#fff;border-radius:14px;flex-direction:column;gap:9px;min-width:0;padding:21px;display:flex}.exi-page-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.exi-page-type{letter-spacing:.02em;color:var(--exi-muted);overflow-wrap:anywhere;font-size:10px}.exi-status{white-space:nowrap;color:#626970;background:#f4f4f4;border-radius:5px;padding:2px 6px;font-size:10px}.exi-status.is-live{color:#277e4d;background:#ebf7ef}.exi-page-card h2{font-size:18px;font-weight:700;line-height:1.5}.exi-page-card p{margin-bottom:10px;font-size:12px}.exi-editor .exi-primary{background:var(--exi-accent);color:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.exi-editor .exi-primary:hover{background:#bd3308}.exi-help{color:#5a636b;background:#f6f7f8;border-radius:10px;padding:18px 20px;font-size:12px;margin-top:24px!important}.exi-help h2{margin-bottom:8px;font-size:14px;font-weight:700}.exi-help p+p{margin-top:6px}.exi-editor-intro{background:#fff7f2;border:1px solid #f3ded1;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.exi-editor-intro h3{margin:4px 0;font-size:21px;font-weight:700}.exi-editor-intro p{color:#707478;max-width:600px;font-size:12px}.exi-editor-intro>a{white-space:nowrap;text-underline-offset:4px;font-size:12px;text-decoration:underline}.exi-filter-bar{grid-template-columns:1.5fr 1fr;gap:14px;margin:20px 0 12px;display:grid}.exi-control{flex-direction:column;gap:6px;min-width:0;font-size:13px;display:flex}.exi-control>span{color:#606971;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.exi-control small{color:#7b8289;font-size:11px}.exi-kind-tabs{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.exi-kind-tabs button{border-radius:30px;padding:6px 12px;font-size:12px}.exi-kind-tabs label{align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.exi-editor .is-active{color:#b6360d;background:#fff1e9;border-color:#eaa485}.exi-count{color:var(--exi-muted);font-size:11px;margin:12px 0!important}.exi-field{border:1px solid var(--exi-border);background:#fff;border-radius:10px;margin-bottom:8px}.exi-field>summary{cursor:pointer;align-items:center;gap:13px;padding:14px;list-style:none;display:flex}.exi-field>summary::-webkit-details-marker{display:none}.exi-field>summary>span:nth-child(2){flex:1;min-width:0}.exi-field summary small{color:#7d848a;font-size:10px;display:block}.exi-field summary strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.exi-field summary>b{color:#8e969e;font-size:20px;font-weight:400}.exi-field[open]>summary{border-bottom:1px solid var(--exi-border);background:#fafafa;border-radius:10px 10px 0 0}.exi-field[open]>summary>b{transform:rotate(45deg)}.exi-kind{color:#66717b;background:#eef1f4;border-radius:6px;flex:0 0 68px;place-items:center;padding:5px 3px;font-size:10px;display:grid}.exi-kind-image{color:#b95525;background:#fff1e6}.exi-kind-link{color:#357c8d;background:#e9f5f8}.exi-changed{white-space:nowrap;color:#bf530e;background:#fff1d9;border-radius:4px;padding:2px 5px;font-size:10px;font-style:normal}.exi-field-body{padding:20px}.exi-field-bottom{border-top:1px dashed var(--exi-border);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:14px;display:flex}.exi-field-bottom span{color:#92999e;font-size:10px}.exi-field-bottom button{color:#727a80;font-size:11px}.exi-format{margin-top:16px}.exi-format summary,.exi-image-url summary{color:#707a81;cursor:pointer;font-size:12px}.exi-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px;display:grid}.exi-control input[type=range]{accent-color:var(--exi-accent);width:100%;height:26px}.exi-control output{color:#8c939a;font-weight:400}.exi-color{align-items:center;gap:7px;display:flex}.exi-color input[type=color]{border:1px solid var(--exi-border);background:#fff;border-radius:5px;width:40px;min-width:40px;height:36px;padding:2px}.exi-color input:not([type=color]){min-width:0}.exi-color button{white-space:nowrap;font-size:11px}.exi-caption{color:#8a9095;font-size:11px;margin-top:14px!important}.exi-image-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.exi-image-preview{border:1px solid var(--exi-border);background:repeating-conic-gradient(#f1f1f1 0% 25%,#fff 0% 50%) 50%/20px 20px;border-radius:8px;place-items:center;min-height:130px;display:grid;overflow:hidden}.exi-image-preview img{width:100%;max-height:260px;display:block}.exi-image-description{flex-direction:column;justify-content:center;gap:15px;display:flex}.exi-image-description p{color:#798087;font-size:12px}.exi-image-description .exi-primary{justify-content:center;margin:0}.exi-image-fields>.exi-control-grid,.exi-wide,.exi-media-picker,.exi-image-url{grid-column:1/-1}.exi-media-picker{background:#fffaf6;border:1px solid #ecc3b3;border-radius:9px;padding:16px}.exi-media-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.exi-media-top h4{font-weight:600}.exi-media-actions{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.exi-media-actions button,.exi-upload{padding:6px 8px;font-size:11px}.exi-upload{border:1px solid var(--exi-border);background:#fff;border-radius:8px}.exi-upload input{max-width:210px;margin-top:4px;font-size:10px;display:block}.exi-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:350px;margin-top:14px;display:grid;overflow:auto}.exi-media-grid button{text-align:left;padding:0;overflow:hidden}.exi-media-grid img{object-fit:contain;background:#eef0f2;width:100%;height:90px}.exi-media-grid span{overflow-wrap:anywhere;padding:6px;font-size:10px;display:block}.exi-checkbox{align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.exi-editor input[type=checkbox]{accent-color:var(--exi-accent)}.exi-error{font-size:12px;color:#b52322!important}.exi-load-more{width:100%;margin:12px 0}.exi-editor button:disabled{cursor:wait;opacity:.5}@media (width<=850px){.exi-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exi-editor-intro{flex-direction:column;align-items:flex-start}}@media (width<=580px){.exi-overview{padding:20px 12px}.exi-page-grid,.exi-shortcuts,.exi-filter-bar,.exi-control-grid,.exi-image-fields{grid-template-columns:1fr}.exi-workflow{gap:8px;padding:14px}.exi-workflow i{display:none}.exi-workflow span{width:100%}.exi-field>summary{gap:8px;padding:10px}.exi-kind{flex-basis:54px}.exi-field-body{padding:14px}.exi-field-bottom{flex-direction:column;align-items:flex-start}.exi-kind-tabs label{margin-left:0}.exi-image-fields>*,.exi-image-fields>.exi-control-grid{grid-column:1}.exi-changed{display:none}.exi-search{display:block}.exi-search input{margin-top:7px}.exi-heading h1{font-size:25px}}.exi-studio.exi-editor{z-index:100;color:#242b31;--exi-accent:#e7490b;--exi-border:#d8dfe5;color-scheme:light;background:#eaf0f5;flex-direction:column;max-width:none;margin:0;font:14px/1.6 Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;display:flex;position:fixed;inset:0}.exi-studio .studio-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.exi-studio svg{flex-shrink:0}.exi-studio button{border-radius:4px;justify-content:center;align-items:center;gap:8px;transition:background .15s,border-color .15s;display:inline-flex}.exi-studio button:disabled{cursor:not-allowed}.exi-studio .studio-header{color:#f8f9fa;background:#20282c;border-bottom:1px solid #394147;align-items:center;gap:22px;height:72px;min-height:72px;padding:0 24px;display:flex}.exi-studio .studio-brand{flex-shrink:0;align-items:center;gap:16px;display:flex}.exi-studio .studio-brand img{object-fit:contain;width:88px;height:56px}.exi-studio .studio-brand span{color:#c8ced2;letter-spacing:.17em;white-space:nowrap;font-size:11px;font-weight:600}.exi-studio .studio-page-select{border-left:1px solid #4a5359;flex-shrink:1;width:270px;padding-left:22px;position:relative}.exi-studio .studio-page-select select{color:#fff;appearance:none;background:#20282c;border-color:#5b646a;border-radius:4px;min-width:100px;height:40px;padding-right:34px;font-size:14px}.exi-studio .studio-page-select>svg{pointer-events:none;position:absolute;top:13px;right:12px}.exi-studio .studio-header button{color:#f7f8f9;white-space:nowrap;background:0 0;border-color:#5b6369;height:40px;padding:8px 14px;font-size:13px}.exi-studio .studio-header button:hover{background:#354046;border-color:#a0a9b0}.exi-studio .studio-devices{gap:14px;margin-inline:auto;display:flex}.exi-studio .studio-devices button{color:#abb5bd;border:0;border-bottom:2px solid #0000;border-radius:0;height:48px;padding:6px 8px}.exi-studio .studio-devices button[aria-pressed=true]{color:#fff;border-bottom-color:#ff813c}.exi-studio .studio-actions{align-items:center;gap:10px;display:flex}.exi-studio .studio-publish,.exi-studio-dialog .studio-publish{font-weight:600;color:#fff!important;background:#e8490b!important;border-color:#e8490b!important}.exi-studio .studio-publish:hover,.exi-studio-dialog .studio-publish:hover{background:#c83b07!important}.exi-studio .studio-save-state{color:#b8c2c7;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.exi-studio .studio-save-state.is-dirty{color:#ffd3a9}.exi-studio .studio-body{flex:1;grid-template-columns:80px minmax(0,1fr) 350px;min-height:0;display:grid;position:relative}.exi-studio .studio-rail{background:#20282c;flex-direction:column;gap:9px;padding:18px 0;display:flex}.exi-studio .studio-rail button{color:#bac4cb;background:0 0;border:0;border-left:3px solid #0000;border-radius:0;flex-direction:column;gap:4px;padding:12px 5px;font-size:11px;display:flex}.exi-studio .studio-rail button:hover{color:#fff;background:#303b42}.exi-studio .studio-rail button.active{color:#ff924c;background:#2a343a;border-left-color:#ff7b34}.exi-studio .studio-rail .studio-rail-settings{margin-top:auto}.exi-studio .studio-canvas{flex-direction:column;min-width:0;min-height:0;display:flex}.exi-studio .studio-canvas-toolbar{color:#5d6871;justify-content:space-between;align-items:center;gap:12px;min-height:51px;padding:8px 24px;display:flex}.exi-studio .studio-canvas-toolbar p{font-size:12px}.exi-studio .studio-canvas-toolbar>div{gap:2px;display:flex}.exi-studio .studio-canvas-toolbar button{background:0 0;border:1px solid #0000;gap:4px;padding:4px 7px;font-size:11px}.exi-studio .studio-canvas-toolbar button[aria-pressed=true]{background:#fff;border-color:#c5d0d9}.exi-studio .studio-stage{flex:1;align-items:flex-start;min-height:0;padding:0 20px;display:flex;position:relative;overflow:auto}.exi-studio .studio-frame-wrap{background:#fff;flex-shrink:0;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d1dbe3}.exi-studio .studio-frame-wrap iframe{transform-origin:0 0;background:#fff;border:0;max-width:none;display:block}.exi-studio .studio-canvas-footer{color:#77848d;align-items:center;gap:12px;min-height:50px;padding:8px 24px;font-size:10px;display:flex}.exi-studio .studio-canvas-footer>button{background:0 0;border:0;margin-left:auto;padding:4px}.exi-studio .studio-zoom{display:flex}.exi-studio .studio-zoom button{border-radius:0;min-width:28px;height:27px;padding:3px 8px;font-size:11px}.exi-studio .studio-zoom button+button{border-left:0}.exi-studio .studio-zoom button:first-child{border-radius:4px 0 0 4px}.exi-studio .studio-zoom button:last-child{border-radius:0 4px 4px 0}.exi-studio .studio-inspector{background:#fff;border-left:1px solid #d4dde4;flex-direction:column;min-width:0;min-height:0;display:flex}.exi-studio .studio-inspector-heading{padding:26px 26px 20px;position:relative}.exi-studio .studio-inspector-heading>button{color:#7a8790;background:0 0;border:0;padding:4px;position:absolute;top:25px;right:20px}.exi-studio .studio-inspector-heading h1{border-left:3px solid #e8490b;padding-left:14px;font-size:20px;font-weight:700;line-height:1.3}.exi-studio .studio-inspector-heading p{color:#7a8490;margin-top:8px;padding-left:17px;font-size:12px}.exi-studio .studio-inspector-tabs{border-bottom:1px solid #d8dfe5;margin:0 26px;display:flex}.exi-studio .studio-inspector-tabs button{color:#69737a;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;height:43px;font-size:14px}.exi-studio .studio-inspector-tabs button[aria-pressed=true]{color:#20282c;border-bottom-color:#e8490b;font-weight:600}.exi-studio .studio-inspector-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:24px 26px;overflow:auto}.exi-studio .studio-inspector-scroll .exi-control{gap:8px;margin-bottom:18px}.exi-studio .studio-inspector-scroll .exi-control>span{color:#3d464c;font-size:13px;font-weight:500}.exi-studio .studio-quick-format>span{margin-bottom:8px;font-size:13px;display:block}.exi-studio .studio-alignment{margin-bottom:22px;display:flex}.exi-studio .studio-alignment button{border-radius:0;padding:6px 11px}.exi-studio .studio-alignment button[aria-pressed=true]{color:#d8430c;background:#fff3ed;border-color:#e8490b}.exi-studio .studio-alignment .studio-original{color:#7e8991;border:0;margin-left:auto;padding-inline:0;font-size:10px}.exi-studio .studio-scale{grid-template-columns:1fr 155px;align-items:center;display:grid}.exi-studio .studio-scale select{min-height:36px}.exi-studio .studio-quick-format .exi-color button{padding:6px;font-size:11px}body:has(>.exi-studio)>astro-dev-toolbar{display:none}.exi-studio .studio-inspector-scroll textarea{border-radius:4px;min-height:84px;padding:11px 12px;font-size:14px;line-height:1.7}.exi-studio .studio-inspector-scroll input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),.exi-studio .studio-inspector-scroll select{border-radius:4px;font-size:13px}.exi-studio .exi-format{margin:0}.exi-studio .exi-format>summary{display:none}.exi-studio .exi-format .exi-control-grid{grid-template-columns:1fr;gap:0;margin:0}.exi-studio .exi-format .exi-caption{display:none}.exi-studio .studio-background{border-top:1px solid #d8dfe5;margin-top:24px;padding-top:20px}.exi-studio .studio-background summary{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:600;list-style:none;display:flex}.exi-studio .studio-background summary::-webkit-details-marker{display:none}.exi-studio .studio-background img{aspect-ratio:3.1;object-fit:cover;border-radius:4px;width:100%;margin-bottom:9px}.exi-studio .studio-background button{width:100%;height:38px;font-size:12px}.exi-studio .studio-reset{color:#77818a;background:0 0;border:0;margin-top:26px;padding:0;font-size:10px}.exi-studio .studio-inspector-note{color:#596773;background:#f0f4f7;border-radius:4px;gap:9px;margin:16px 22px 20px;padding:12px;font-size:11px;display:flex}.exi-studio .studio-inspector-note svg{color:#476076}.exi-studio .exi-image-fields{grid-template-columns:1fr;gap:15px}.exi-studio .exi-image-fields>*{grid-column:1}.exi-studio .exi-image-fields .exi-image-preview{background:#f3f5f7;border-radius:4px;min-height:0}.exi-studio .exi-image-fields .exi-image-preview img{max-height:190px}.exi-studio .exi-image-fields .exi-image-description{gap:9px}.exi-studio .exi-image-fields .exi-image-description p{font-size:11px}.exi-studio .exi-image-fields .exi-control-grid{grid-template-columns:1fr;gap:0}.exi-studio .exi-image-fields .exi-control{margin-bottom:8px}.exi-studio .exi-image-fields .exi-primary{border-radius:4px;padding:8px;font-size:12px}.exi-studio .exi-image-url{font-size:12px}.exi-studio .exi-video-settings{border-radius:4px;padding:12px}.exi-studio .exi-media-picker{border-radius:4px;padding:10px}.exi-studio .exi-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exi-studio .exi-media-actions{flex-direction:column}.exi-studio .exi-media-top button{font-size:11px}.exi-studio .studio-drawer{z-index:5;background:#fff;border-right:1px solid #d3dce3;flex-direction:column;width:320px;display:flex;position:absolute;top:0;bottom:0;left:80px;box-shadow:6px 0 18px #27374714}.exi-studio .studio-drawer-heading{justify-content:space-between;align-items:center;padding:23px 20px 16px;display:flex}.exi-studio .studio-drawer-heading h2{font-size:17px;font-weight:650}.exi-studio .studio-drawer-heading button{border:0;padding:4px}.exi-studio .studio-search{border:1px solid #d3dce3;border-radius:4px;align-items:center;gap:8px;margin:0 20px 15px;padding:0 12px;display:flex}.exi-studio .studio-search input{min-height:38px;font-size:12px;border:0!important;padding:9px 0!important}.exi-studio .studio-group-filter{padding:0 20px 16px}.exi-studio .studio-list{flex:1;padding:0 10px 20px;overflow:auto}.exi-studio .studio-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f2;border-radius:0;align-items:center;gap:12px;width:100%;padding:13px 10px;display:flex}.exi-studio .studio-list button.selected{color:#cb430e;background:#fff1e9}.exi-studio .studio-list button:hover{background:#f4f6f8}.exi-studio .studio-list button>span{flex:1;min-width:0}.exi-studio .studio-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.exi-studio .studio-list small{color:#7c8891;font-size:10px;display:block}.exi-studio .studio-list i{color:#42805b;font-size:9px;font-style:normal}.exi-studio .studio-settings-links{padding:0 20px}.exi-studio .studio-settings-links a{border-bottom:1px solid #e5ebef;justify-content:space-between;align-items:center;padding:17px 0;font-size:13px;display:flex}.exi-studio .studio-settings-links p{color:#71808a;margin-top:22px;font-size:12px}.exi-studio .studio-loading,.exi-studio .studio-preview-error{z-index:2;color:#687781;background:#eaf0f5;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;font-size:13px;display:flex;position:absolute;inset:0}.exi-studio .studio-preview-error{text-align:center}.exi-studio .studio-preview-error a{align-items:center;gap:5px;text-decoration:underline;display:flex}.exi-studio .studio-spinner{border:2px solid #ccd6de;border-top-color:#e8490b;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.exi-studio .studio-empty{color:#76818a;padding:20px 0;font-size:12px}.exi-studio .studio-dialog-select{padding:0 26px 16px}.exi-studio .studio-toast{z-index:150;color:#fff;background:#263c34;border:1px solid #5a7d6b;border-radius:6px;align-items:center;gap:10px;max-width:min(650px,90vw);padding:12px 15px;font-size:12px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0002}.exi-studio .studio-toast.error{background:#743522;border-color:#a8694e}.exi-studio .studio-toast button{color:#fff;background:0 0;border:0;padding:2px}.exi-studio-dialog{color:#29323a;background:#fff;border:1px solid #d5dce1;border-radius:10px;width:min(520px,100vw - 32px);margin:auto;padding:25px;font:14px/1.7 -apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;box-shadow:0 18px 70px #0003}.exi-studio-dialog::backdrop{background:#14233088}.exi-studio-dialog .exi-studio-dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.exi-studio-dialog h2{margin:0;font-size:18px;font-weight:650}.exi-studio-dialog button{color:#34414b;font:inherit;cursor:pointer;background:#fff;border:1px solid #d5dce1;border-radius:4px;padding:8px 12px}.exi-studio-dialog .exi-studio-dialog-heading button{border:0;padding:2px}.exi-studio-dialog .studio-dialog-hint{color:#7a858d;margin-top:12px;font-size:12px}.exi-studio-dialog .studio-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:26px;display:flex}.exi-studio-dialog button:disabled{opacity:.5;cursor:not-allowed}@media (width<=1200px){.exi-studio .studio-header{gap:14px;padding-inline:18px}.exi-studio .studio-brand span,.exi-studio .studio-save-state{display:none}.exi-studio .studio-page-select{width:230px}.exi-studio .studio-body{grid-template-columns:68px minmax(0,1fr) 320px}.exi-studio .studio-drawer{left:68px}.exi-studio .studio-inspector-heading{padding-inline:20px}.exi-studio .studio-inspector-tabs{margin-inline:20px}.exi-studio .studio-inspector-scroll,.exi-studio .studio-canvas-toolbar{padding-inline:20px}.exi-studio .studio-canvas-toolbar p{max-width:210px;font-size:11px}}@media (width<=900px){.exi-studio .studio-header{gap:10px;height:64px;min-height:64px;padding:0 12px}.exi-studio .studio-brand img{width:55px;height:44px}.exi-studio .studio-page-select{border:0;width:190px;padding:0}.exi-studio .studio-actions{gap:6px;margin-left:auto}.exi-studio .studio-actions button{padding:8px}.exi-studio .studio-actions button span{font-size:11px}.exi-studio .studio-devices{gap:2px}.exi-studio .studio-body{grid-template-columns:56px minmax(0,1fr) 290px}.exi-studio .studio-drawer{width:280px;left:56px}.exi-studio .studio-canvas-toolbar{flex-wrap:wrap;gap:4px;padding:10px 14px}.exi-studio .studio-inspector-heading h1{font-size:18px}.exi-studio .studio-inspector-scroll{padding:20px 16px}}@media (width<=680px){.exi-studio .studio-header{flex-wrap:wrap;gap:4px 10px;height:auto;min-height:112px;padding:8px 12px}.exi-studio .studio-brand img{width:52px;height:36px}.exi-studio .studio-page-select{width:calc(100% - 162px)}.exi-studio .studio-page-select select{height:34px;min-height:34px;padding:4px 26px 4px 9px;font-size:12px}.exi-studio .studio-page-select>svg{top:10px;right:8px}.exi-studio .studio-devices{margin-left:auto;margin-right:0}.exi-studio .studio-devices button{height:36px;padding:5px}.exi-studio .studio-devices svg{width:20px}.exi-studio .studio-actions{justify-content:flex-end;gap:6px;width:100%;margin:0}.exi-studio .studio-actions button{flex:1;height:33px;padding:6px}.exi-studio .studio-body{grid-template-rows:minmax(210px,40%) minmax(0,1fr);grid-template-columns:44px minmax(0,1fr)}.exi-studio .studio-rail{grid-row:1/3;gap:7px;padding-top:8px}.exi-studio .studio-rail button{gap:3px;padding:10px 2px;font-size:9px}.exi-studio .studio-rail svg{width:20px}.exi-studio .studio-canvas{grid-area:1/2}.exi-studio .studio-inspector{border-top:1px solid #d4dde4;grid-area:2/2}.exi-studio .studio-inspector-heading{align-items:center;gap:12px;padding:14px 16px 6px;display:flex}.exi-studio .studio-inspector-heading h1{padding-left:10px;font-size:15px}.exi-studio .studio-inspector-heading>button{top:9px;right:12px}.exi-studio .studio-inspector-heading p{margin:0;padding:0;font-size:10px}.exi-studio .studio-inspector-tabs{margin-inline:16px}.exi-studio .studio-inspector-tabs button{height:33px;font-size:12px}.exi-studio .studio-inspector-scroll{padding:14px 16px}.exi-studio .studio-inspector-note{margin:6px 12px 10px;padding:8px;font-size:10px}.exi-studio .studio-inspector-note br{display:none}.exi-studio .studio-canvas-toolbar{flex-wrap:nowrap;min-height:35px;padding:6px 10px}.exi-studio .studio-canvas-toolbar p{display:none}.exi-studio .studio-canvas-toolbar button{padding:2px 6px}.exi-studio .studio-stage{padding:0 10px}.exi-studio .studio-canvas-footer{gap:8px;min-height:34px;padding:4px 10px;font-size:9px}.exi-studio .studio-drawer{width:calc(100% - 44px);left:44px}.exi-studio .studio-toast{width:calc(100% - 30px);bottom:10px}}@media (prefers-reduced-motion:reduce){.exi-studio *,.exi-studio :before,.exi-studio :after{transition:none!important;animation:none!important}}
