.layout-preview-dialog{--editor-surface:#fff;--editor-soft:#f5f5f5;--editor-ink:#111;--editor-muted:#666;color:#111;background:#fff;border:1px solid #ccc;border-radius:0;width:min(1100px,100vw - 24px);max-width:calc(100vw - 24px);height:min(860px,100dvh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden}.layout-preview-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.layout-preview-dialog::backdrop{background:#0005}.layout-preview-heading{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.layout-preview-heading h2{margin:0;font-size:18px}.layout-preview-heading p{margin:0;font-size:13px;line-height:1.5}.layout-preview-body{grid-template-columns:124px minmax(0,1fr);min-height:0;display:grid}.layout-preview-thumbnails{border-right:1px solid #ddd;flex-direction:column;gap:12px;padding:12px;display:flex;overflow:auto}.layout-preview-thumbnails button{text-align:center;background:#fff;border:1px solid #0000;border-radius:0;flex:none;width:100%;min-width:0;padding:4px}.layout-preview-thumbnails button[aria-current=page]{border-color:#111;outline:1px solid #111}.layout-preview-thumbnails button:focus-visible{outline-offset:2px;outline:2px solid #111}.layout-preview-thumbnails .template-mini{border:1px solid #ddd;border-radius:0}.layout-preview-thumbnails button>span:not(.template-mini){margin-top:5px;font-size:12px;display:block}.layout-preview-thumbnails small{color:#666;overflow-wrap:anywhere;font-size:10px;display:block}.layout-preview-content{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.layout-preview-controls{border-bottom:1px solid #ddd;align-items:center;gap:6px;padding:8px 12px;display:flex}.layout-preview-controls p{overflow-wrap:anywhere;margin:0 auto 0 0;font-size:13px}.layout-preview-controls button{background:#fff;border:1px solid #ddd;border-radius:0;flex:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:6px;font-size:12px;display:flex}.layout-preview-stage{background:#f3f3f3;min-width:0;min-height:0;padding:16px;display:flex;overflow:auto}.layout-preview-comparison{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:0;display:grid}.layout-comparison-side{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;margin:0;display:grid}.layout-comparison-side+.layout-comparison-side{border-left:1px solid #ddd}.layout-comparison-side figcaption{border-bottom:1px solid #ddd;justify-content:space-between;gap:8px;padding:8px 16px;font-size:13px;display:flex}.layout-comparison-side figcaption span{color:#666}.layout-preview-stage:focus-visible{outline-offset:-2px;outline:2px solid #111}.layout-preview-no-original{aspect-ratio:3/4;color:#666;text-align:center;overflow-wrap:anywhere;border:1px dashed #bbb;justify-content:center;align-items:center;padding:16px;font-size:13px;display:flex}.layout-preview-paper{flex:none;margin:auto}.layout-preview-paper .preview-page{width:100%;box-shadow:none;border-radius:0}.layout-preview-actions{border-top:1px solid #ddd;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.layout-preview-actions button{min-height:40px;padding:8px 20px}@media (width<=600px){.layout-preview-heading{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.layout-preview-heading h2{font-size:16px}.layout-preview-heading p{margin-right:8px;font-size:12px;display:inline}.layout-preview-body{grid-template-rows:minmax(0,1fr) 116px;grid-template-columns:minmax(0,1fr)}.layout-preview-thumbnails{border-top:1px solid #ddd;border-right:0;flex-direction:row;grid-row:2;gap:10px;padding:8px}.layout-preview-thumbnails button{width:66px;padding:2px}.layout-preview-thumbnails button>span:not(.template-mini){margin-top:2px;font-size:10px}.layout-preview-thumbnails small{display:none}.layout-preview-content{grid-row:1}.layout-preview-controls{gap:4px;padding:6px}.layout-preview-controls p,.layout-preview-controls button{font-size:11px}.layout-comparison-side figcaption{gap:4px;padding:6px;font-size:11px}.layout-comparison-side .layout-preview-stage{padding:16px}.layout-preview-no-original{padding:8px;font-size:11px}.layout-preview-actions{padding:8px 12px}}@media (height<=460px){.layout-preview-heading{padding:8px 12px}.layout-preview-actions{padding:6px 12px}}:root{color:#0f0f0f;font-synthesis:none;background:#fff;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.magazine-home{background:#fff;min-height:100dvh}.magazine-home-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,3vw,48px);display:flex}.magazine-account{color:#606060;align-items:center;gap:20px;font-size:13px;display:flex}.magazine-home-intro{justify-content:space-between;align-items:center;gap:24px;max-width:1680px;margin:auto;padding:28px clamp(20px,3vw,48px) 24px;display:flex}.magazine-home h1{letter-spacing:-.045em;margin:0;font-size:26px;font-weight:650}.magazine-home a{text-decoration:none}.magazine-new{white-space:nowrap;justify-content:center;align-items:center;gap:12px;min-height:50px;display:inline-flex}.magazine-discovery{max-width:1680px;margin:0 auto 24px;padding:0 clamp(20px,3vw,48px)}.magazine-search-row{align-items:center;gap:20px;margin-bottom:20px;display:flex}.magazine-search{color:#606060;background:#fff;border:1px solid #d9d9d9;border-radius:10px;flex:1;align-items:center;gap:12px;min-width:0;padding:0 12px;display:flex}.magazine-search:focus-within{outline-offset:2px;outline:2px solid #333}.magazine-search input{width:100%;min-width:0;font:inherit;color:#0f0f0f;background:0 0;border:0;outline:none;padding:14px 0}.magazine-search input:focus-visible{outline:none}.magazine-search input::-webkit-search-cancel-button{-webkit-appearance:none}.magazine-search>svg{flex-shrink:0}.magazine-search button{background:0 0;border:0;justify-content:center;align-items:center;min-width:36px;min-height:40px;padding:8px;display:flex}.magazine-sort{color:#606060;white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.magazine-sort select{color:#0f0f0f;max-width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #d9d9d9;border-radius:10px;padding:10px}.magazine-sort select:focus-visible{outline-offset:3px;outline:3px solid #333}.magazine-list-tools{justify-content:space-between;align-items:center;gap:16px;display:flex}.magazine-result-count{color:#606060;margin:16px 0 0;font-size:13px}.magazine-filters{flex-wrap:wrap;gap:8px;display:flex}.magazine-filters button{background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:10px 16px;display:flex}.magazine-filters button[aria-pressed=true],.magazine-filters button[aria-pressed=true]:hover{color:#fff;background:#0f0f0f;border-color:#0f0f0f}.magazine-filters button span{opacity:.75;font-size:12px}.magazine-refresh{color:#606060;background:0 0;border:0;align-items:center;gap:8px;display:flex}.magazine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;max-width:1680px;margin:0 auto;padding:0 clamp(20px,3vw,48px) 70px;list-style:none;display:grid}.magazine-grid>li{min-width:0}.magazine-card{background:0 0;border:0;border-radius:0;height:100%;position:relative}.magazine-card.is-recent{background:0 0;box-shadow:0 0 0 3px #606060,0 8px 24px #0f0f0f22}.magazine-recent-label{color:#fff;background:#0f0f0f;border-radius:20px;max-width:55%;padding:6px 10px;font-size:11px;font-weight:600;position:absolute;bottom:12px;right:12px}.magazine-return-notice{z-index:60;left:50%;bottom:max(20px,env(safe-area-inset-bottom));background:#fff;border:1px solid #ddd;border-radius:12px;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 32px);padding:14px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #0002}.magazine-return-notice>div{flex-direction:column;gap:5px;min-width:0;display:flex}.magazine-return-notice strong{color:#0f0f0f;font-size:12px}.magazine-return-notice span{text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-size:13px;overflow:hidden}.magazine-return-notice small{color:#606060;font-size:12px}.magazine-return-notice button{flex-shrink:0;min-height:40px;font-size:13px}.magazine-return-dismiss{background:0 0;border:0;justify-content:center;align-items:center;padding:8px;display:flex}@media (width<=600px){.magazine-return-notice{flex-wrap:wrap;gap:8px;padding:12px}.magazine-return-notice>div{flex:calc(100% - 48px)}.magazine-return-notice span{max-width:100%}.magazine-return-dismiss{position:absolute;top:8px;right:8px}.magazine-return-notice>div{padding-right:32px}}.magazine-cover{aspect-ratio:3/4;color:#606060;box-shadow:none;background:#f5f5f5;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.magazine-cover>.template-mini{width:100%;max-height:100%;box-shadow:none;pointer-events:none}.magazine-badge{color:#606060;background:#fff;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 1px 4px #0001}.magazine-badge.published{color:#fff;background:#0f0f0f}.magazine-card-info{padding:13px 0 0}.magazine-card h2{overflow-wrap:anywhere;margin:0 0 5px;font-size:15px;font-weight:600;line-height:1.4}.magazine-meta,.magazine-publication{color:#606060;margin:4px 0;font-size:12px;line-height:1.7}.magazine-changes{color:#606060;margin:8px 0;font-size:12px}.magazine-card-actions{border-top:1px solid #eee;flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:16px;display:flex}.magazine-card-actions a{color:#0f0f0f;align-items:center;gap:8px;min-height:32px;font-size:13px;font-weight:600;display:inline-flex}.magazine-cover:hover{background:#f5f5f5}.magazine-home a:focus-visible,.magazine-home button:focus-visible{outline-offset:4px;outline:3px solid #333}.magazine-notice,.magazine-empty{text-align:center;color:#606060;margin:32px auto;padding:40px 24px}.magazine-notice{flex-direction:column;align-items:center;gap:16px;display:flex}.magazine-empty h2{color:#0f0f0f;font-size:24px;font-weight:500}.magazine-empty p{max-width:400px;margin:18px auto 28px;line-height:1.8}.magazine-empty .primary{align-items:center;min-height:48px;display:inline-flex}.studio-home{text-align:left;background:0 0;border:0;flex-shrink:0;padding:0}@media (width<=600px){.magazine-home-header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px 20px}.magazine-account{flex-wrap:wrap;justify-content:flex-end;gap:12px;width:100%}.magazine-account>span{margin-right:auto}.magazine-home-intro{flex-direction:column;align-items:flex-start;padding-top:36px;padding-bottom:28px}.magazine-new{width:100%}.magazine-search-row{flex-wrap:wrap;gap:12px}.magazine-search{flex-basis:100%}.magazine-sort{max-width:100%;margin-left:auto}.magazine-list-tools{gap:8px}.magazine-filters{gap:2px}.magazine-filters button{gap:6px;padding:10px 12px}.magazine-refresh{padding:8px 0;font-size:12px}.magazine-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}*{box-sizing:border-box}.device-upload{overflow-wrap:anywhere;min-width:0;margin:14px 0}.device-upload .device-upload-button{min-height:48px}.device-upload progress{width:100%;accent-color:var(--editor-ink,#335d40)}.device-upload [role=status]{font-size:13px}.device-upload .instagram-error ul{max-height:180px;padding-left:18px;overflow:auto}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--editor-focus,#ad563d);outline-offset:3px}button{color:inherit;background:0 0;border:0}a{color:inherit}button svg{flex-shrink:0}input,select,textarea{border:1px solid var(--editor-line,#dedfd7);color:var(--editor-ink,#292b29);background:#fff;border-radius:6px;min-width:0}textarea{resize:vertical;line-height:1.65}button{transition:background .12s,color .12s}button:hover:not(:disabled){background:var(--editor-soft,#ecece5)}.wordmark{letter-spacing:-1.5px;white-space:nowrap;align-items:baseline;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:28px;text-decoration:none;display:flex}.wordmark>span{letter-spacing:2px;color:var(--editor-muted,#85897f);font:9px Arial,sans-serif}.studio{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{background:var(--editor-surface,#fcfbf8);border-bottom:1px solid var(--editor-line,#dcddd5);flex-shrink:0;align-items:center;gap:28px;height:76px;padding:0 24px;display:flex}.doc-info{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.doc-info>input{text-overflow:ellipsis;background:0 0;border:0;width:100%;max-width:280px;padding:0;font-size:14px;font-weight:600}.save-status{color:var(--editor-muted,#787d73);align-items:center;gap:5px;font-size:10px;display:flex}.status-dot{background:var(--editor-surface,#768d72);border-radius:50%;width:5px;height:5px}.save-status.error,.save-status.conflict{color:var(--editor-muted,#ab4b35)}.save-status.error .status-dot,.save-status.conflict .status-dot{background:var(--editor-ink,#ab4b35)}.save-status.dirty .status-dot{background:var(--editor-surface,#bd925b)}.header-actions{align-items:center;gap:10px;display:flex}.header-actions select{background:var(--editor-surface,#f0f0e9);border:0;max-width:150px;padding:9px;font-size:11px}.primary,.outline{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--editor-ink,#254837);color:#fff}.primary:hover:not(:disabled){background:var(--editor-ink-hover,#183d2a)}.outline{border:1px solid var(--editor-line,#cfd3c9);background:#fff}.icon-button{border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.work-area{flex:1;grid-template-columns:64px 300px minmax(280px,1fr) 276px;min-height:0;display:grid}.tool-rail{border-right:1px solid var(--editor-line,#dcddd5);background:var(--editor-surface,#f8f8f3);flex-direction:column;gap:8px;padding-top:18px;display:flex}.tool-rail>button{height:61px;color:var(--editor-muted,#797e74);border-left:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.library{border-right:1px solid var(--editor-line,#dcddd5);background:var(--editor-surface,#fcfcf8);padding:26px 20px 20px;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.6px;color:var(--editor-muted,#91958a);margin:0 0 9px;font-size:9px}h1,h2,h3,p{margin-top:0}.panel-heading h1,.panel-heading h2{letter-spacing:-.8px;margin:0;font-size:20px;font-weight:600}.count{background:var(--editor-soft,#eceee6);min-width:27px;height:27px;color:var(--editor-muted,#6c7968);border-radius:50%;place-items:center;font-size:11px;display:grid}.instagram-input{background:var(--editor-surface,#f0f1e9);border:1px solid var(--editor-line,#e1e4d8);border-radius:8px;margin-bottom:12px;padding:14px 12px}.instagram-input label{align-items:center;gap:7px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.instagram-input>div{display:flex}.instagram-input input{border:0;border-radius:4px 0 0 4px;width:100%;padding:10px 8px;font-size:11px}.instagram-input button{background:#fff;border-left:1px solid #eee;border-radius:0 4px 4px 0;place-items:center;width:34px;display:grid}.instagram-input p{color:var(--editor-muted,#808775);margin:10px 0 0;font-size:10px;line-height:1.65}.upload-button{border:1px dashed var(--editor-line,#adb7a4);background:var(--editor-surface,#fcfcf7);color:var(--editor-muted,#52654b);border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:22px;padding:13px;font-size:11px;display:flex}.library-filter{color:var(--editor-muted,#909487);justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:9px;display:flex}.library-filter button{background:var(--editor-surface,#e9ece1);color:var(--editor-muted,#3d5536);border-radius:20px;padding:6px 11px;font-size:11px}.media-grid{grid-template-columns:1fr 1fr;gap:16px 12px;display:grid}.media-card{min-width:0}.media-thumb{background:var(--editor-surface,#e7e7dd);aspect-ratio:3/4;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000004}.media-thumb>img,.media-thumb>video{object-fit:cover;width:100%;height:100%;display:block}.media-card.picked .media-thumb{outline:2px solid var(--editor-focus,#315d43);outline-offset:2px}.pick{border:1px solid var(--editor-line,#c8ccb9);border-radius:4px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:8px;left:8px;background:#ffffffdc!important}.picked .pick{color:#fff;border-color:var(--editor-ink,#315d43);background:var(--editor-ink,#315d43)!important}.add-material{border-radius:50%;place-items:center;width:25px;height:25px;padding:0;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 1px 5px #0002;background:var(--editor-surface,#fffef9ee)!important}.asset-origin{color:#fff;filter:drop-shadow(0 1px 1px #222);position:absolute;bottom:11px;left:10px}.media-caption{color:var(--editor-muted,#69715f);justify-content:space-between;gap:3px;margin-top:8px;font-size:10px;display:flex}.media-caption>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-caption small{color:var(--editor-muted,#a0a393);white-space:nowrap;font-size:8px}.local-note{color:var(--editor-muted,#999e91);margin:25px 0 0;font-size:10px;line-height:1.8}.selection-action{width:100%;margin-bottom:16px;padding:11px 8px;font-size:11px}.empty{text-align:center;color:var(--editor-muted,#7d8774);padding:40px 0;font-size:13px}.empty svg{margin-bottom:14px}.empty small{color:#999;font-size:11px;line-height:1.8}.workspace{background:var(--editor-surface,#e8e8df);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas-toolbar{height:52px;color:var(--editor-muted,#606b59);border-bottom:1px solid var(--editor-line,#d7dbce);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;font-size:11px;display:flex}.canvas-toolbar strong{font-size:12px;font-weight:500}.canvas-toolbar>div{gap:3px;display:flex}.canvas-toolbar button{border-radius:4px;place-items:center;width:29px;height:29px;display:grid}.canvas-toolbar .selection-tools-toggle{display:none}.muted{color:var(--editor-muted,#a0a795);margin-left:7px;font-size:10px}.canvas-viewport{background-image:var(--editor-canvas-grid,radial-gradient(#b7bfab .6px, transparent .6px));background-size:14px 14px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:32px 40px;display:flex;overflow:auto}.canvas-size{box-shadow:0 12px 28px var(--editor-shadow-20,#2d3c2520), 0 1px 4px var(--editor-shadow-25,#25361d25);flex-shrink:0;position:relative}.page-canvas{transform-origin:0 0;touch-action:none;width:750px;height:1000px;position:absolute;top:0;left:0;overflow:hidden}.canvas-block{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.canvas-block .block-clip{width:100%;height:100%;overflow:hidden}.canvas-block.selected{outline:2px solid var(--editor-focus,#b96443);z-index:1}.canvas-block.selected:has(.resize-handle){z-index:auto}.block-clip>img,.block-clip>video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.text-content{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;height:100%;line-height:1.22;overflow:hidden}.text-content.serif{font-family:Georgia,Times New Roman,AppleMyungjo,serif}.text-content.sans{font-family:Arial,Apple SD Gothic Neo,sans-serif}.block-label{background:var(--editor-ink,#b96443);color:#fff;white-space:nowrap;height:28px;padding:3px 7px;font-size:16px;line-height:22px;position:absolute;top:-28px;left:-2px}.resize-handle{border:2px solid var(--editor-ink,#b96443);cursor:nwse-resize;z-index:5;width:17px;height:17px;padding:0;position:absolute;bottom:-8px;right:-8px;background:#fff!important}.canvas-empty{color:var(--editor-muted,#b7bdad);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-empty p{margin:23px 0 10px;font-size:25px}.canvas-empty small{color:var(--editor-muted,#b6bdad);font-size:16px}.page-strip{border-top:1px solid var(--editor-line,#d6dacd);background:var(--editor-surface,#eeefe7);flex-shrink:0;justify-content:center;align-items:center;gap:12px;height:64px;display:flex}.page-strip>div{gap:6px;max-width:70%;display:flex;overflow-x:auto}.page-strip>div>button{border:1px solid var(--editor-line,#d8ddce);background:var(--editor-surface,#fffef8);min-width:25px;height:33px;color:var(--editor-muted,#909a86);border-radius:4px;font-size:10px}.page-strip>div>button.active{border:1px solid var(--editor-ink,#a2634b);color:var(--editor-muted,#8a4a35);box-shadow:0 0 0 1px var(--editor-ink,#a2634b)}.page-strip>span{color:var(--editor-muted,#939b87);font-size:10px}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:17px;display:flex}.field label{color:var(--editor-muted,#7d8474);font-size:10px}.field input:not([type=color]):not([type=range]),.field textarea,.field select{width:100%;min-height:35px;padding:10px 9px;font-size:12px}.field input[type=color]{width:100%;height:36px;padding:4px}.field input[type=range]{accent-color:var(--editor-ink,#345942);cursor:pointer;width:100%;padding:0}.two-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.wide{width:100%;margin-bottom:18px;font-size:11px}.pressed{background:var(--editor-soft,#dee5d7)}.document-meta{border-top:1px solid var(--editor-line,#e5e8dd);color:var(--editor-muted,#9aa18d);margin-top:28px;padding-top:18px;font-size:10px;line-height:1.8}.page-options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:25px;display:grid}.page-options button{border:1px solid var(--editor-line,#dce1d2);border-radius:5px;justify-content:center;gap:5px;padding:11px 6px;font-size:11px;display:flex}.page-list{flex-direction:column;gap:8px;display:flex}.page-list button{text-align:left;border:1px solid var(--editor-line,#e0e5d7);border-radius:5px;align-items:center;gap:15px;padding:18px 12px;font-size:12px;display:flex}.page-list button.active{border-color:var(--editor-ink,#a2b199);background:var(--editor-soft,#ecf0e5)}.page-list button>span:nth-child(2){flex:1}.page-number{color:var(--editor-muted,#9ea78f);font-size:10px}.page-list svg{color:var(--editor-muted,#aeb7a1)}.hint{color:var(--editor-muted,#969e88);margin-bottom:25px;font-size:11px;line-height:1.85}.template-card{text-align:left;border:1px solid var(--editor-line,#e1e5d9);border-radius:6px;flex-direction:column;width:100%;margin-bottom:20px;padding:0;display:flex;overflow:hidden}.template-visual{background:#dce1ce;width:100%;height:160px;position:relative;overflow:hidden}.template-visual i{background:#99a889;border-radius:70px 70px 0 0;width:70px;height:130px;position:absolute;top:25px;right:30px}.template-visual b{color:#fff;max-width:200px;font:30px Georgia,serif;position:absolute;top:15px;left:17px}.off-duty .template-visual{background:#f0e9d9}.off-duty .template-visual i{background:#a8b3a0;border-radius:0;width:190px;height:130px;top:60px;right:17px}.off-duty .template-visual b{color:#515e48;font-style:italic;top:15px}.special .template-visual{background:#244733}.special .template-visual i{background:#b6bca7;border-radius:0;width:140px;height:160px;top:0;right:0}.special .template-visual b{max-width:100px;font:700 28px Arial,sans-serif;top:30px}.template-card>strong{padding:13px 15px 7px;font-size:12px;font-weight:500}.template-card>small{color:var(--editor-muted,#9aa28b);padding:0 15px 14px;font-size:10px}.text-preset{border:1px solid var(--editor-line,#dfe4d4);border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:20px 15px;font-size:16px;display:flex}.text-preset.large{font-family:Georgia,serif;font-size:25px}.boot{height:100dvh;color:var(--editor-muted,#576a4e);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.boot p{font-size:13px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--editor-ink,#263e34);color:#fff;z-index:20;border-radius:6px;align-items:center;gap:10px;padding:14px 22px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #0002}.error-banner{color:var(--editor-muted,#8d4334);background:var(--editor-soft,#f4e6dc);border-bottom:1px solid var(--editor-line,#dfc6b8);align-items:center;gap:14px;padding:11px 24px;font-size:11px;display:flex}.error-banner span{flex:1}.error-banner>button:not(.icon-button){text-underline-offset:3px;text-decoration:underline}.missing{background:var(--editor-surface,#efe8dd);color:var(--editor-muted,#9b6954);place-items:center;height:100%;font-size:20px;display:grid}.preview-overlay{background:var(--editor-ink,#212923);z-index:30;color:var(--editor-muted,#f2f0e7);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.preview-overlay>header{border-bottom:1px solid #ffffff15;flex-shrink:0;align-items:center;gap:28px;height:76px;padding:0 32px;display:flex}.preview-overlay header>span:nth-child(2){color:var(--editor-muted,#b8bfb1);flex:1;font-size:12px}.preview-overlay .outline{color:var(--editor-muted,#d7dfcb);border-color:var(--editor-ink,#617256);background:0 0}.preview-spread{flex:1;justify-content:center;align-items:center;gap:1px;min-height:0;padding:32px;display:flex}.preview-page{aspect-ratio:3/4;flex-shrink:0;width:min(42vw,75dvh - 157.5px);position:relative;overflow:hidden;box-shadow:0 10px 30px #0004}.live-preview-inner{transform-origin:0 0;width:750px;height:1000px;position:absolute;overflow:hidden}.preview-block{position:absolute;overflow:hidden}.preview-block img,.preview-block video{object-fit:cover;width:100%;height:100%;display:block}.preview-overlay>footer{flex-shrink:0;justify-content:center;align-items:center;gap:30px;padding:0 0 25px;font-size:12px;display:flex}.preview-overlay .wordmark{font-size:26px}@media (width<=1150px){.work-area{grid-template-columns:55px 250px minmax(260px,1fr) 235px}.library{padding:22px 16px}.app-header{gap:20px;padding:0 15px}.wordmark>span{display:none}.header-actions{gap:5px}.header-actions select{max-width:110px}.header-actions>.outline{display:none}.app-header .wordmark{font-size:25px}.canvas-toolbar{padding:0 15px}}@media (width<=850px){.app-header{gap:14px;height:68px}.header-actions select,.header-actions>.icon-button{display:none}.header-actions .primary{padding:10px;font-size:11px}.doc-info{min-width:100px}.doc-info>input{font-size:12px}.save-status{font-size:8px}.work-area{grid-template-columns:49px 210px minmax(220px,1fr);overflow:auto}.library{padding:20px 12px}.panel-heading h1{font-size:17px}.canvas-viewport{min-height:490px;padding:20px}.media-grid{gap:13px 9px}.instagram-input{padding:10px 8px}.instagram-input input{font-size:9px}.page-strip{gap:3px}.preview-overlay>header{gap:15px;padding:0 15px}.preview-overlay header>span:nth-child(2){font-size:10px}.preview-overlay .outline{padding:10px;font-size:10px}.preview-spread{padding:24px 12px}.preview-spread>.preview-page:nth-child(2){display:none}.preview-page{width:min(90vw,75dvh - 150px)}.error-banner{flex-wrap:wrap;padding:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.overflow-note{background:var(--editor-soft,#fff2d9);color:var(--editor-muted,#865521);margin:0;padding:10px 20px;font-size:11px;line-height:1.6}.workspace>.overflow-note{z-index:4;max-height:80px;box-shadow:0 3px 12px var(--editor-shadow-20,#3d492620);position:absolute;bottom:76px;left:12px;right:12px;overflow:auto}.canvas-block.text-overflow{outline:2px dashed var(--editor-focus,#c88936)}.canvas-block.text-overflow.selected{outline:2px solid var(--editor-focus,#b96443)}.preview-overlay .outline:hover:not(:disabled){background:var(--editor-ink-hover,#344236);color:#fff}textarea.inline-text{resize:none;box-shadow:none;cursor:text;-webkit-user-select:text;user-select:text;caret-color:currentColor;background:0 0;border:0;border-radius:0;outline:none;min-height:0;margin:0;padding:0;display:block;overflow:hidden}textarea.inline-text:focus-visible{outline:none}.text-move-handle{cursor:move;touch-action:none;border-radius:3px 3px 0 0;align-items:center;gap:6px;display:flex}button.text-move-handle:hover:not(:disabled){background:var(--editor-ink-hover,#934b30)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inline-edit-note{color:var(--editor-muted,#77816c);font-size:11px;line-height:1.8}.inline-edit-note>svg{color:var(--editor-muted,#8d9e7d);margin-bottom:12px;display:block}.inline-edit-note strong{color:var(--editor-muted,#48563d);font-size:13px;font-weight:500}.inline-edit-note p{margin:10px 0}.inline-edit-note small{color:var(--editor-muted,#9aa28e);font-size:10px}.inline-edit-note button{margin-top:20px}@media (width<=850px){.inline-edit-note{grid-column:1/-1}}.mobile-inspector{display:none}@media (width<=850px){.work-area{grid-template-rows:minmax(0,1fr)}.canvas-toolbar{gap:6px;padding:0 8px}.canvas-toolbar>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.canvas-toolbar>div{flex-shrink:0}.canvas-toolbar .selection-tools-toggle{width:auto;color:var(--editor-ink,#285338);background:var(--editor-surface,#dfe8d9);flex-shrink:0;align-items:center;gap:4px;padding:4px 6px;font-size:10px;display:inline-flex}.canvas-viewport{min-height:0}.header-actions .mobile-inspector{padding:9px;display:inline-flex}}@media (width<=600px){.mobile-inspector>span{display:none}}.editing-page{width:750px;height:1000px;position:absolute;top:0;overflow:hidden}.photo-surface{pointer-events:none;position:absolute;top:0}.photo-surface>img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.canvas-block.crop-mode{cursor:grab}.page-canvas.dragging .canvas-block.crop-mode{cursor:grabbing}.spread-fold{pointer-events:none;background:#0002;width:1px;position:absolute;top:0;bottom:0;left:750px}.preview-spread{gap:0}.resize-handle.corner-ne,.resize-handle.corner-sw{cursor:nesw-resize}.resize-handle.corner-nw,.resize-handle.corner-se{cursor:nwse-resize}.layout-sources{gap:6px;margin-bottom:18px;display:flex;overflow:auto}.layout-sources>div{flex-shrink:0;width:42px;height:55px;position:relative}.layout-sources img{object-fit:cover;border-radius:4px;width:100%;height:100%}.layout-sources span{background:var(--editor-ink,#294a35);color:#fff;border-radius:0 4px;padding:2px 5px;font-size:9px;position:absolute;bottom:0;left:0}.layout-destination{color:var(--editor-muted,#7b856f);flex-direction:column;gap:8px;margin-bottom:18px;font-size:10px;display:flex}.layout-destination select{padding:9px;font-size:11px}.layout-spacing{color:var(--editor-muted,#849076);flex-direction:column;gap:9px;font-size:10px;display:flex}.layout-spacing label{align-items:center;gap:7px;display:flex}.layout-spacing input{width:90px;min-width:40px;accent-color:var(--editor-ink,#345942);margin-left:auto}.layout-spacing output{color:var(--editor-muted,#4e6143);width:15px}.layout-spacing .wide{margin:3px 0 18px;padding:8px}.photo-layout-grid{grid-template-columns:1fr 1fr;gap:15px 10px;display:grid}.photo-layout-card{border:1px solid var(--editor-line,#dce2d3);text-align:left;border-radius:5px;flex-direction:column;padding:0;display:flex;overflow:hidden}.photo-layout-preview{aspect-ratio:3/4;background:var(--editor-surface,#f1edde);width:100%;display:block;position:relative}.photo-layout-preview i{background:var(--editor-diagram-mid,#92a187) center/cover;display:block;position:absolute}.photo-layout-preview i:nth-child(2n){background-color:var(--editor-diagram-light,#c4b497)}.photo-layout-preview i:nth-child(3n){background-color:var(--editor-diagram-dark,#66795d)}.photo-layout-card strong{padding:10px 9px 5px;font-size:11px;font-weight:500}.photo-layout-card small{color:var(--editor-muted,#959e87);padding:0 9px 10px;font-size:9px;line-height:1.6}.spread-layout-card{background:var(--editor-ink,#294a35);color:#fff;text-align:left;border-radius:6px;flex-direction:column;gap:9px;width:100%;margin-top:20px;padding:22px 15px;display:flex}.spread-layout-card>span{color:var(--editor-inverse,#d5e0c8);font:italic 16px Georgia,serif}.spread-layout-card>strong{font-size:14px;font-weight:500}.spread-layout-card>small{color:var(--editor-inverse,#b4c1a6);font-size:10px}.spread-layout-card:hover:not(:disabled){background:var(--editor-ink-hover,#1d3c27)}.replace-note{background:var(--editor-soft,#e6eddd);border-radius:5px;justify-content:space-between;gap:7px;margin-bottom:15px;padding:12px;font-size:11px;display:flex}.replace-note button{text-decoration:underline}.tool-rail>button>span{white-space:nowrap;letter-spacing:-.3px;font-size:9px}.tool-rail>button{padding-left:0;padding-right:0}.canvas-size{margin:auto}.page-strip .view-zoom{flex-shrink:0;align-items:center;gap:3px;max-width:none;display:flex;overflow:visible}.page-strip .view-zoom>button{min-width:23px;height:27px;padding:2px 4px;font-size:11px}.view-zoom>span{color:var(--editor-muted,#78866d);text-align:center;min-width:29px;font-size:9px}.page-strip>div:not(.view-zoom){min-width:0;max-width:50%}.editorial-templates{min-height:100%}.template-source-note{color:var(--editor-muted,#7a856e);margin:10px 0 18px;font-size:10px;line-height:1.7}.template-categories{flex-wrap:wrap;gap:5px;margin-bottom:18px;display:flex}.template-categories button{border:1px solid var(--editor-line,#dce1d4);background:#fff;border-radius:20px;padding:7px 10px;font-size:11px}.template-categories button[aria-pressed=true]{background:var(--editor-ink,#2c4c39);color:#fff;border-color:var(--editor-ink,#2c4c39)}.editorial-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;padding-bottom:22px;display:grid}.editorial-template-card{border:1px solid var(--editor-line,#dbe0d3);text-align:left;background:#fff;border-radius:5px;min-width:0;padding:5px}.editorial-template-card[aria-pressed=true]{border-color:var(--editor-ink,#476b4b);box-shadow:0 0 0 1px var(--editor-ink,#476b4b);background:var(--editor-soft,#eef2e7)}.editorial-template-card small{color:var(--editor-muted,#7a856e);margin:4px 0;font-size:9px;display:block}.template-mini{background:var(--editor-surface,#eeeee6);width:100%;display:block;position:relative;overflow:hidden;container-type:inline-size}.template-mini-page,.template-mini-block{display:block;position:absolute;top:0;overflow:hidden}.template-mini-page{height:100%}.template-mini-block.mini-text{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}.mini-image{background:var(--editor-surface,#bdcbb8)}.mini-empty-photo{height:100%;color:var(--editor-muted,#61725c);background:var(--editor-placeholder,linear-gradient(135deg, #dbe3d1, #a8b9a2));justify-content:center;align-items:center;font-size:9px;display:flex}.mini-photo-window{height:100%;position:absolute;top:0}.mini-photo-window img{width:100%;height:100%;display:block}.template-apply{background:var(--editor-surface,#f8f9f1);border-top:1px solid var(--editor-line,#d2d9c7);box-shadow:0 -8px 14px var(--editor-surface,#f8f9f1);padding:14px 0 24px;position:sticky;bottom:-28px}.template-apply p{color:var(--editor-muted,#7a856e);margin:8px 0 12px;font-size:10px;line-height:1.7}.template-apply label{color:var(--editor-muted,#67765b);gap:7px;margin:12px 0;font-size:10px;display:grid}.template-apply select{width:100%;min-width:0;padding:8px;font-size:11px}.template-apply>.primary{justify-content:center;width:100%;padding:11px;font-size:11px}.photo-placeholder{border:2px dashed var(--editor-line,#9aab91);width:100%;height:100%;color:var(--editor-muted,#5e7354);background:var(--editor-placeholder,linear-gradient(135deg, #e4ebdb, #c3d0bb));flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:30px;display:flex}button.photo-placeholder{cursor:pointer}.toc-link{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0;display:block}.toc-link:hover{text-decoration:underline}.toc-target-field small{color:var(--editor-muted,#7b876c);font-size:10px;line-height:1.8}.toc-target-field select{width:100%;min-width:0;padding:9px;font-size:11px}.editorial-templates{flex-direction:column;height:100%;min-height:480px;display:flex}.editorial-templates>:not(.editorial-template-grid){flex-shrink:0}.editorial-templates .panel-heading{margin-bottom:12px}.editorial-templates>.wide{margin:0}.template-source-note{margin:8px 0 12px;font-size:9px}.template-categories{flex-wrap:nowrap;gap:4px;margin-bottom:12px}.editorial-template-grid{flex:1;align-content:start;min-height:110px;padding:2px 2px 12px;overflow:auto}.template-apply{box-shadow:0 -5px 10px var(--editor-surface,#f8f9f1);padding:12px 0 0;position:static}.template-apply label{margin:8px 0}.magazine-builder .panel-heading{margin-bottom:12px}.builder-intro{color:var(--editor-muted,#6f7c63);margin:0 0 12px;font-size:11px;line-height:1.7}.builder-help{color:var(--editor-muted,#79866b);margin:10px 0;font-size:10px;line-height:1.7}.builder-title{color:var(--editor-muted,#67775e);gap:6px;margin:12px 0;font-size:10px;display:grid}.builder-title input{width:100%;min-width:0;padding:9px;font-size:11px}.builder-order{color:var(--editor-muted,#718063);margin:10px 0;font-size:10px}.builder-order summary{cursor:pointer;padding:6px 0}.builder-photo{border-bottom:1px solid var(--editor-line,#e3e8d8);align-items:center;gap:4px;padding:7px 0;display:flex}.builder-photo img{object-fit:cover;border-radius:3px;width:32px;height:43px}.builder-photo>span{flex:1;font-size:9px}.builder-photo button{border:1px solid var(--editor-line,#dce3d0);background:#fff;border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex}.builder-styles{gap:7px;display:grid}.builder-style{border:1px solid var(--editor-line,#dbe0d2);text-align:left;background:#fff;border-radius:5px;grid-template-columns:44px minmax(0,1fr);gap:9px;width:100%;padding:7px;display:grid}.builder-style:not(:has(.template-mini)){grid-template-columns:1fr}.builder-style[aria-pressed=true]{background:var(--editor-soft,#eef3e7);border-color:var(--editor-ink,#436c4e);box-shadow:inset 0 0 0 1px var(--editor-ink,#436c4e)}.builder-style>span>strong{margin-bottom:4px;font-size:11px;display:block}.builder-style small{color:var(--editor-muted,#78856c);font-size:9px;line-height:1.6;display:block}.builder-style em{color:var(--editor-muted,#345d3f);font-size:9px;font-style:normal}.builder-book-preview{padding:12px 0 6px}.builder-book-preview>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.builder-book-preview small{text-align:center;color:var(--editor-muted,#7b876f);padding:5px 0;font-size:9px;display:block}.builder-book-preview p{color:var(--editor-muted,#65765a);font-size:10px;line-height:1.7}.builder-create{background:var(--editor-surface,#f8f9f1);box-shadow:0 -7px 13px var(--editor-surface,#f8f9f1);padding:12px 0 24px;position:sticky;bottom:-28px}.builder-create button{justify-content:center;width:100%;padding:11px 7px;font-size:11px}.builder-create small{color:var(--editor-muted,#7a866c);margin-top:7px;font-size:9px;line-height:1.7;display:block}.media-selection-tools{gap:6px;margin-bottom:10px;display:flex}.media-selection-tools button{border:1px solid var(--editor-line,#dbe1d0);background:#fff;border-radius:4px;padding:7px 9px;font-size:10px}.creation-steps{color:var(--editor-muted,#7a8075);gap:6px;margin:0 0 18px;padding:0;font-size:10px;list-style:none;display:flex}.creation-steps li{border-bottom:2px solid var(--editor-line,#dddcd1);white-space:nowrap;flex:1;padding:8px 0}.creation-steps [aria-current]{color:var(--editor-muted,#455f36);border-color:var(--editor-ink,#567345);font-weight:700}.instagram-account{flex-direction:column;gap:5px;margin:18px 0 14px;display:flex}.instagram-account strong{overflow-wrap:anywhere;font-family:Georgia,serif;font-size:22px}.instagram-account span{color:var(--editor-muted,#596552);font-size:12px}.instagram-account small{color:var(--editor-muted,#7c8175);font-size:10px;line-height:1.6}.instagram-flow .media-selection-tools{flex-wrap:wrap;align-items:center;margin-top:14px}.instagram-flow .media-selection-tools span{margin-left:auto;font-size:11px}.instagram-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.instagram-photo{min-width:0}.instagram-photo>button{aspect-ratio:3/4;background:var(--editor-surface,#e8e6dc);border:2px solid #0000;border-radius:5px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.instagram-photo.chosen>button{border-color:var(--editor-ink,#567345);box-shadow:0 0 0 1px var(--editor-ink,#567345)}.instagram-photo img{object-fit:cover;width:100%;height:100%;display:block}.instagram-photo>button:disabled{opacity:.55}.instagram-photo .photo-selection{color:#0000;border:1px solid var(--editor-line,#c1c4b9);background:#fffd;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid;position:absolute;top:7px;left:7px}.instagram-photo.chosen .photo-selection{background:var(--editor-ink,#49613a);color:#fff;border-color:var(--editor-ink,#49613a)}.instagram-photo>div{color:var(--editor-muted,#7b8072);justify-content:space-between;align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.instagram-photo a{color:var(--editor-muted,#546747);white-space:nowrap;text-decoration:underline}.instagram-unavailable{color:var(--editor-muted,#7b8072);font-size:11px}.instagram-next{background:var(--editor-surface,#faf9f2);z-index:2;border-top:1px solid var(--editor-line,#e6e4d9);padding:14px 0;position:sticky;bottom:-18px}.instagram-next small{color:var(--editor-muted,#787e70);margin-top:8px;font-size:10px;line-height:1.7;display:block}.instagram-error{background:var(--editor-surface,#fff0e4);border:1px solid var(--editor-line,#ecd1b9);border-radius:5px;margin:12px 0;padding:12px}.instagram-error p{margin:0 0 10px;font-size:12px;line-height:1.7}.instagram-flow>.outline{margin-top:12px}.instagram-post-date{color:var(--editor-muted,#7b8072);margin-top:5px;font-size:10px;display:block}.photo-source-tabs{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.photo-source-tabs button{border:1px solid var(--line,#ddd);background:0 0;border-radius:8px;padding:9px 10px;font-size:12px}.photo-source-tabs button[aria-pressed=true]{background:var(--editor-ink,#252620);color:#fff}.builder-photo span small{color:#777;font-size:10px;display:block}.google-photos-source p{font-size:13px;line-height:1.7}.google-photos-source .wide{margin-top:8px}:root{font-family:Inter,Arial,Noto Sans CJK JP,Noto Sans CJK SC,Noto Sans CJK TC,Apple SD Gothic Neo,PingFang TC,Microsoft JhengHei,sans-serif}body,#root,.studio{width:100%;min-width:0}.app-header{background:var(--editor-surface,#fbfaf5);gap:18px;padding:0 20px}.wordmark{color:var(--editor-ink,#244536)}.doc-info{min-width:0}.header-actions{gap:8px;min-width:0}.header-actions>select{max-width:160px}.language-selector{min-width:0;color:var(--editor-ink,#34513f);border:1px solid var(--editor-line,#d9ded2);background:#fff;border-radius:8px;align-items:center;gap:5px;padding:5px 7px;display:inline-flex}.language-selector select{background:0 0;border:0;width:94px;padding:3px 0;font-size:12px;display:block!important}.content-language{gap:6px;margin:14px 0;font-size:12px;display:grid}.content-language select{width:100%;padding:9px}.content-language small{color:var(--editor-muted,#657060);font-size:10px;line-height:1.5}.mobile-view-switch{display:none}.tool-rail{gap:6px;padding-top:14px}.tool-rail>button{overflow-wrap:anywhere;height:auto;min-height:68px;padding:10px 3px;font-size:10px}.tool-rail>button.active{color:var(--editor-ink,#244b36);background:var(--editor-soft,#e6eddf);border-left-color:var(--editor-ink,#34573f)}.library{overscroll-behavior:contain;min-width:0;padding:20px 18px}.library-subnav{border-bottom:1px solid var(--editor-line,#dee3d7);flex-wrap:wrap;gap:6px;margin:0 0 18px;padding-bottom:12px;display:flex}.library-subnav button{border-radius:7px;flex:1;padding:9px 6px;font-size:11px}.library-subnav [aria-pressed=true]{background:var(--editor-soft,#e7ede0);color:var(--editor-ink,#254930);font-weight:600}.editorial-templates{height:auto;min-height:0;display:block}.editorial-templates .panel-heading h1{font-size:23px}.book-design-link{text-align:left;background:var(--editor-surface,#f0f2e9);border-color:var(--editor-line,#ced9c5);align-items:center;gap:10px;display:flex;margin-bottom:16px!important;padding:12px!important}.book-design-link small{color:var(--editor-muted,#70806a);margin-top:3px;font-size:10px;display:block}.template-search{border:1px solid var(--editor-line,#d3dbcc);background:#fff;border-radius:8px;align-items:center;gap:8px;margin:15px 0;padding:10px;display:flex}.template-search input{background:0 0;border:0;width:100%;min-width:0;font-size:12px}.template-categories{flex-wrap:wrap;gap:5px}.template-categories button{padding:7px 10px;font-size:11px}.template-results{color:var(--editor-muted,#6e7b66);margin:0 0 12px;font-size:11px}.editorial-template-grid{gap:14px 10px;padding:0;overflow:visible}.editorial-template-card{border:1px solid var(--editor-line,#dbe1d4);background:#fff;border-radius:9px;min-width:0;padding:7px;position:relative}.editorial-template-card>.template-mini{border-radius:4px;overflow:hidden}.editorial-template-card strong{margin-top:7px;font-size:12px;line-height:1.5;display:block}.editorial-template-card small{font-size:10px}.template-selected{color:var(--editor-muted,#2b5c3a);align-items:center;gap:3px;margin-top:5px;font-size:10px;display:inline-flex}.template-apply{box-shadow:none;border-top:1px solid var(--editor-line,#dce3d2);margin-top:22px;padding:20px 0}.template-apply>p:first-of-type{display:block}.template-large-preview{background:var(--editor-surface,#e9ece0);border-radius:8px;max-width:230px;margin:0 auto 16px;padding:12px}.template-large-preview>.template-mini{box-shadow:0 3px 8px var(--editor-shadow-25,#28352525)}.template-apply>strong{font-size:16px}.template-apply p{font-size:11px;line-height:1.7}.template-apply>.primary{padding:12px;font-size:12px}.builder-style{border-radius:8px;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:10px}.builder-style>span>strong{font-size:14px}.builder-style small{font-size:11px}.builder-intro,.builder-help{font-size:12px}.builder-photo img{width:39px;height:52px}.builder-photo>span{overflow-wrap:anywhere;min-width:0;font-size:11px}.builder-photo button{min-width:30px;min-height:30px}.page-list>button{grid-template-columns:48px 24px minmax(0,1fr) 15px;gap:9px;min-height:80px;padding:8px;display:grid}.page-list>button>.template-mini{width:48px}.page-list button>span:nth-child(2){font-size:10px}.page-list button>span:nth-child(3){overflow-wrap:anywhere;font-size:12px}.page-strip{justify-content:space-between;gap:7px;min-width:0;height:104px;padding:8px}.page-strip>div:not(.view-zoom){flex:1;align-items:center;min-width:0;max-width:none;padding:3px 2px}.page-strip>div:not(.view-zoom)>button{background:#fff;width:48px;min-width:48px;height:76px;padding:3px;position:relative}.page-strip>div:not(.view-zoom)>button>.template-mini{width:100%;display:block}.page-strip>div:not(.view-zoom)>button>span:last-child{font-size:9px}.page-strip>.view-zoom{flex-shrink:0;max-width:none}.mini-video{background:var(--editor-ink,#2a4135);color:#fff;place-items:center;width:100%;height:100%;display:grid}.workspace,.canvas-toolbar{min-width:0}@media (width<=1150px) and (width>=851px){.app-header{gap:10px;padding:0 12px}.wordmark{gap:5px;font-size:23px}.header-actions>select{max-width:115px}.header-actions .outline,.header-actions .primary{padding:9px}.language-selector select{width:80px}}@media (width<=850px){.app-header{grid-template-rows:30px auto;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;height:auto;min-height:108px;padding:10px 12px;display:grid}.wordmark{gap:8px;font-size:22px}.wordmark>span{font-size:8px}.doc-info{grid-area:2/1;gap:4px;min-width:0}.doc-info>input{width:100%;padding:3px 0;font-size:12px}.save-status{white-space:normal;font-size:9px;line-height:1.3}.header-actions{flex-wrap:wrap;grid-area:1/2/3;place-content:center flex-end;gap:5px;max-width:174px;display:flex}.header-actions .language-selector{background:0 0;border:0;flex-basis:100%;order:-1;justify-content:flex-end;padding:0}.header-actions .language-selector select{width:107px;font-size:12px;display:block!important}.header-actions>.outline,.header-actions>.primary{min-height:34px;padding:8px;font-size:11px}.header-actions .mobile-inspector{padding:8px}.header-actions .mobile-inspector span{display:none}.mobile-view-switch{background:var(--editor-surface,#fafaf4);border-bottom:1px solid var(--editor-line,#dce3d2);flex-shrink:0;gap:8px;padding:6px 12px;display:flex}.mobile-view-switch button{border-radius:7px;flex:1;padding:9px;font-size:12px}.mobile-view-switch [aria-pressed=true]{background:var(--editor-soft,#e0e9d8);color:var(--editor-ink,#284b34);font-weight:600}.work-area{grid-template-rows:52px minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.tool-rail{border-right:0;border-bottom:1px solid var(--editor-line,#dce3d2);flex-direction:row;grid-area:1/1;align-items:stretch;gap:0;padding:0;display:flex}.tool-rail>button{border-bottom:2px solid #0000;border-left:0;flex:1;gap:3px;min-width:0;height:51px;min-height:0;padding:5px 3px;font-size:10px}.tool-rail>button svg{width:17px;height:17px}.tool-rail>button.active{border-bottom-color:var(--editor-ink,#335d40)}.library,.workspace{grid-area:2/1;width:100%;min-width:0;min-height:0}.work-area[data-mobile-view=canvas]>.library,.work-area[data-mobile-view=library]>.workspace{display:none}.library{border:0;padding:18px 16px;overflow:auto}.workspace{flex-direction:column;display:flex;overflow:hidden}.canvas-toolbar{flex-wrap:wrap;flex-shrink:0;gap:5px;height:auto;min-height:44px;padding:7px 8px}.canvas-toolbar>span{flex:1;font-size:11px}.canvas-toolbar>div{margin-left:auto}.canvas-toolbar .selection-tools-toggle{font-size:10px}.canvas-viewport{flex:1;min-height:0;padding:16px 8px;overflow:auto}.page-strip{flex-wrap:nowrap;gap:3px;height:93px;padding:6px 3px}.page-strip>div:not(.view-zoom)>button{width:40px;min-width:40px;height:68px}.page-strip>.view-zoom{gap:2px}.page-strip .view-zoom>button{width:23px;padding:2px;font-size:12px}.page-strip>.icon-button{width:24px;min-width:24px}.preview-overlay>header{flex-wrap:wrap;gap:8px;min-width:0;height:auto;min-height:72px;padding:10px}.preview-overlay>header>span:first-child{overflow-wrap:anywhere;max-width:100%;font-size:14px}.preview-overlay .outline{margin-left:auto}.template-large-preview{max-width:270px}.editorial-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-source-tabs>button{font-size:12px}.instagram-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-create{bottom:-18px}.page-strip .view-zoom>button{width:32px;min-width:32px;min-height:36px}.page-strip .view-zoom>span{font-size:10px}.page-strip>.icon-button{width:28px;min-width:28px;min-height:36px}}.auth-login{background:var(--editor-ink,#263e34);color:#fff;border-radius:8px;padding:14px 24px;font-weight:600;text-decoration:none;display:inline-block}.publication-dialog{border:1px solid var(--editor-line,#dedbd5);width:min(620px,100vw - 28px);max-height:calc(100dvh - 40px);color:var(--editor-ink,#242321);background:var(--editor-surface,#fffdf8);border-radius:16px;padding:24px;overflow:auto}.publication-dialog::backdrop{background:var(--editor-ink,#161a22a6)}.publication-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.publication-dialog header h2{margin:0}.publication-dialog p{line-height:1.6}.publication-dialog select{width:100%;margin-top:8px;padding:10px;display:block}.publication-confirm{align-items:flex-start;gap:12px;margin:18px 0;line-height:1.6;display:flex}.publication-confirm input{flex-shrink:0;width:18px;height:18px;margin-top:5px}.publication-error{color:var(--editor-ink,#ad2828)}.publication-editions{padding:0;list-style:none}.publication-editions li{border-top:1px solid var(--editor-line,#ddd8ce);gap:10px;padding:16px 0;display:grid}.publication-editions input{width:100%;min-width:0;padding:10px}.publication-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.publication-dialog button,.publication-reader button{min-height:40px;padding:8px 14px}.publication-reader{background:var(--editor-ink,#24272b);color:#fff;flex-direction:column;min-height:100dvh;display:flex}.publication-reader>header{border-bottom:1px solid #ffffff30;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 24px;display:flex}.publication-reader>header h1{overflow-wrap:anywhere;flex:1;margin:0;font-size:17px}.publication-reader a{color:inherit}.publication-reader .wordmark{text-decoration:none}.publication-reader .preview-spread{flex:1;align-items:flex-start;overflow:auto}.publication-reader .preview-page{width:min(43vw,75dvh - 210px)}.publication-reader.reader-zoom .preview-page{width:min(700px,85vw)}.publication-reader .reader-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:12px;display:flex}.publication-reader select{max-width:min(60vw,420px);margin-left:10px;padding:10px}.publication-reader footer{text-align:center;background:var(--editor-ink,#1b1d20);padding:16px}.reader-notice{text-align:center;padding:40px 24px}.publication-reader .reader-controls button,.publication-reader .reader-notice button{background:var(--editor-surface,#fffdf8);color:var(--editor-ink,#263e34);border:1px solid var(--editor-line,#d8ded8);border-radius:8px}.publication-reader .reader-controls button:hover:not(:disabled),.publication-reader .reader-controls button:focus-visible,.publication-reader .reader-notice button:hover:not(:disabled){background:var(--editor-soft,#dce8df);color:var(--editor-ink,#182a22)}.publication-reader .reader-controls button:disabled{opacity:.45}@media (width<=899px){.publication-reader .preview-page{width:min(90vw,650px)}.publication-reader .preview-spread{padding:16px}.publication-reader>header{gap:12px;padding:12px}}.header-actions>.publish-button{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}@media (width<=850px){.header-actions>.publish-button{justify-content:center;width:34px;min-height:34px;padding:8px}.header-actions>.publish-button>span{display:none}}.publication-reader.reader-zoom .preview-spread{justify-content:flex-start}.publication-reader.reader-zoom .preview-page:first-child{margin-left:auto}.publication-reader.reader-zoom .preview-page:last-child{margin-right:auto}.magazine-manage-actions{border-top:1px solid var(--editor-line,#eceee5);flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:10px;display:flex}.magazine-manage-actions button,.magazine-card-actions button{min-height:36px;color:var(--editor-muted,#58634f);align-items:center;gap:6px;padding:4px 0;font-size:12px;display:inline-flex}.magazine-manage-actions button:last-child{color:var(--editor-muted,#98553e)}.magazine-live-notice{color:var(--editor-muted,#335d40);margin:8px 0;font-size:12px;line-height:1.6}.magazine-trashed>.template-mini{opacity:.55}.magazine-action-result{max-width:1280px;color:var(--editor-muted,#34573d);margin:0 auto 24px;padding:12px 24px;line-height:1.7}.magazine-action-dialog{border:1px solid var(--editor-line,#d9ded1);width:min(480px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--editor-ink,#303b2e);background:var(--editor-surface,#fffefa);box-shadow:0 20px 80px var(--editor-shadow-30,#19231a30);border-radius:14px;padding:28px;overflow:auto}.magazine-action-dialog::backdrop{background:var(--editor-ink,#18251f88)}.magazine-action-dialog h2{margin:0 0 18px;font-size:22px}.magazine-action-dialog p{overflow-wrap:anywhere;font-size:14px;line-height:1.8}.magazine-action-dialog .magazine-dialog-name{font-size:17px;font-weight:600}.magazine-action-dialog label{flex-direction:column;gap:12px;margin:22px 0;font-size:13px;line-height:1.6;display:flex}.magazine-action-dialog input{min-height:46px;padding:10px 12px;font-size:16px}.magazine-action-dialog .primary{justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.magazine-action-dialog [role=alert],.magazine-action-warning{color:var(--editor-muted,#974a31)}.magazine-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:28px;display:flex}.magazine-dialog-actions button{border-radius:6px;min-height:44px;padding:10px 16px}.magazine-dialog-actions .magazine-danger{background:var(--editor-ink,#9b4d37);color:#fff}.magazine-dialog-actions .magazine-danger:hover:not(:disabled){background:var(--editor-ink-hover,#843d29)}@media (width<=600px){.magazine-list-tools{flex-wrap:wrap}.magazine-refresh{margin-left:auto}.magazine-action-dialog{padding:22px}}.save-status .view-sync{color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0 3px;display:inline-flex}.save-status .view-sync:disabled{opacity:1}.magazine-home-links,.library-back{align-items:center;gap:20px;font-size:13px;display:flex}.magazine-home-links>a{align-items:center;gap:8px;display:inline-flex}.magazine-search-row{margin-bottom:10px}.magazine-search input{padding:10px 0;font-size:13px}.magazine-sort select{min-height:40px;padding:8px}.magazine-discovery{margin-bottom:20px}.magazine-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.magazine-meta time{color:#606060;font-size:11px}.magazine-private-note{color:#606060;margin:8px 0 0;font-size:11px}.magazine-performance{color:#606060;align-items:center;gap:16px;margin-top:9px;font-size:12px;display:flex}.magazine-performance>span{align-items:center;gap:5px;display:inline-flex}.magazine-performance .magazine-changes{margin:0 0 0 auto;font-size:10px}.magazine-item-heading{align-items:flex-start;gap:8px;display:flex;position:relative}.magazine-item-heading h2{flex:1;min-width:0;margin:0;padding-top:4px}.magazine-menu{z-index:8;position:absolute;top:10px;right:10px}.magazine-menu summary,.library-remove{width:36px;height:36px;box-shadow:none;cursor:pointer;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;list-style:none;display:flex}.magazine-menu summary::-webkit-details-marker{display:none}.magazine-card:has(.magazine-menu[open]){z-index:12}.magazine-menu summary:focus-visible{outline-offset:3px;outline:3px solid #333}.magazine-menu-items{z-index:100;overscroll-behavior:contain;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:190px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:6px;position:fixed;overflow:auto;box-shadow:0 12px 36px #0002}.magazine-menu-items>a,.magazine-menu-items>button{text-align:left;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;font-size:13px;display:flex}.magazine-menu-items>a:hover,.magazine-menu-items>button:hover{background:#f2f2f2}.magazine-menu-items .magazine-danger{color:var(--editor-muted,#a04f38);border-top:1px solid #eee;border-radius:0 0 6px 6px;margin-top:4px}.library-remove{z-index:8;position:absolute;top:10px;right:10px}.magazine-unavailable{flex-direction:column;gap:12px;font-size:13px}.reader-controls>a{align-items:center;font-size:13px;text-decoration:none;display:inline-flex}@media (width<=600px){.magazine-home-header{padding:14px 16px}.magazine-home-intro{gap:16px;padding:22px 16px 18px}.magazine-home-intro h1{margin-bottom:8px}.magazine-home-links{justify-content:space-between;gap:12px;width:100%}.magazine-home-links .magazine-new{width:auto;min-height:40px;padding:10px 12px}.magazine-discovery{padding:0 16px}.magazine-search-row{flex-wrap:nowrap;gap:8px}.magazine-search{flex-basis:auto}.magazine-sort{gap:0;font-size:0}.magazine-sort select{max-width:120px;font-size:12px}.magazine-filters button{padding:9px 10px;font-size:12px}.magazine-refresh{justify-content:center;min-width:36px;min-height:36px;font-size:0}.magazine-result-count{margin-top:8px;font-size:11px}.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;padding:0 16px 40px}.magazine-card h2{font-size:13px}.magazine-card-info{padding-top:10px}.magazine-meta time{font-size:10px}.magazine-menu summary{width:34px;height:34px}.magazine-badge{gap:3px;padding:4px 6px;font-size:9px;top:8px;left:8px}.magazine-badge svg{width:10px;height:10px}.magazine-performance{flex-wrap:wrap;gap:12px;font-size:11px}.magazine-performance .magazine-changes{flex-basis:100%;margin-left:0}.magazine-recent-label{font-size:9px;bottom:8px;right:8px}}.magazine-visibility{color:#606060;align-items:center;gap:4px;font-size:11px;display:inline-flex}.magazine-visibility.published{color:#606060}@media (width<=600px){.magazine-home-header{flex-wrap:nowrap;align-items:center;gap:10px}.magazine-account{flex-wrap:nowrap;gap:8px;width:auto}.magazine-account>span{display:none}.magazine-account>button{white-space:nowrap;padding:6px 0;font-size:11px}.magazine-home-header .wordmark{font-size:24px}.magazine-home-intro{flex-flow:wrap;align-items:center;gap:12px;padding:20px 16px}.magazine-home-intro h1{margin:0;font-size:24px}.magazine-home-links{gap:12px;width:auto;margin-left:auto;font-size:12px}.magazine-home-links .magazine-new{padding:10px;font-size:12px}}.publication-dialog.simple-sharing{box-sizing:border-box;color:#171717;background:#fff;border:1px solid #ddd;border-radius:8px;width:min(440px,100vw - 24px);padding:22px}.simple-sharing header{margin-bottom:20px}.simple-sharing header h2{font-size:21px}.simple-sharing .share-icon{color:#222;background:0 0;border:0;width:32px;min-height:32px;padding:4px}.simple-sharing .share-current{margin-top:20px}.simple-sharing .share-link-row{background:#f5f5f5;border-radius:5px;align-items:center;gap:8px;padding:9px 10px;display:flex}.simple-sharing .share-link{color:#171717;overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;text-decoration:none}.simple-sharing button{color:#222;background:#fff;border:1px solid #ccc;border-radius:5px;justify-content:center;align-items:center;gap:6px;font-size:13px;display:inline-flex}.simple-sharing button:disabled{opacity:.5}.simple-sharing button.primary{color:#fff;background:#171717;border-color:#171717;flex:1;font-size:14px}.simple-sharing .share-hint,.simple-sharing .share-feedback{color:#666;margin:10px 0;font-size:13px;line-height:1.5}.simple-sharing .share-primary-actions{gap:8px;margin-top:18px;display:flex}.simple-sharing .publication-error{font-size:13px;line-height:1.5}.content-guide{box-sizing:border-box;color:#171717;background:#fff;flex-direction:column;justify-content:center;align-items:stretch;max-width:420px;min-height:100dvh;margin:auto;padding:32px 24px;display:flex}.content-guide h1{margin:25px 0 15px;font-size:25px}.content-guide p{margin:5px 0;line-height:1.6}.content-guide button{margin-top:12px}.content-guide button.primary{color:#fff;background:#171717;border-color:#171717;margin-top:24px}.simple-sharing .share-visibility{justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:600;display:flex}.simple-sharing .share-switch{background:#ccc;border:0;border-radius:20px;flex-shrink:0;justify-content:flex-start;width:44px;height:26px;min-height:26px;padding:3px}.simple-sharing .share-switch span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;transform:translate(0)}.simple-sharing .share-switch[aria-checked=true]{background:#171717}.simple-sharing .share-switch[aria-checked=true] span{transform:translate(18px)}.simple-sharing .share-switch:focus-visible{outline-offset:4px;outline:2px solid #171717}.simple-sharing .share-sync-retry{color:#9a3922;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.sharing-save-error{color:#9a3922;font-size:12px}@media (prefers-reduced-motion:reduce){.simple-sharing .share-switch span{transition:none}}.instagram-account-grid>button{aspect-ratio:3/4;background:#fff;border:2px solid #ddd;border-radius:0;width:100%;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.instagram-account-grid>button[aria-pressed=true]{border-color:#111}.instagram-account-grid img{object-fit:cover;width:100%;height:100%;display:block}.instagram-account-grid span{color:#fff;background:#111;padding:2px 6px;position:absolute;top:6px;right:6px}.magazine-home{color:#0f0f0f}.magazine-home .primary,.magazine-action-dialog .primary{color:#fff;background:#0f0f0f}.magazine-home .primary:hover,.magazine-action-dialog .primary:hover{background:#303030}.magazine-home button:hover:not(:disabled),.magazine-menu summary:hover{background:#f2f2f2}.magazine-home .wordmark{color:#0f0f0f;letter-spacing:-1.2px;font-family:Arial,Apple SD Gothic Neo,sans-serif;font-size:26px;font-weight:800}.magazine-home .wordmark>span{color:#606060}.magazine-home .language-selector{color:#606060;background:#fff;border-color:#e5e5e5}.magazine-home .language-selector select{color:#0f0f0f;background:#fff}.magazine-cover:has(.template-mini){background:0 0}.magazine-card.is-recent .magazine-cover{outline-offset:4px;outline:2px solid #606060}.magazine-home .magazine-card:focus-visible{outline-offset:6px;outline:2px solid #333}.magazine-action-dialog{color:#0f0f0f;background:#fff;border-color:#ddd}.magazine-action-dialog input{border-color:#ccc}.magazine-return-notice strong{color:#0f0f0f}@media (width>=601px){.magazine-home .magazine-search{max-width:520px}.magazine-home .magazine-sort{margin-left:auto}}@media (width<=600px){.magazine-item-heading{gap:2px}.magazine-home .wordmark{font-size:24px}}.platform-nav{align-items:center;gap:24px;margin-right:auto;font-size:14px;display:flex}.platform-nav a{color:#606060;white-space:nowrap;padding:10px 0}.platform-nav a[aria-current=page]{color:#0f0f0f;font-weight:650;box-shadow:inset 0 -2px #0f0f0f}.explore-more{justify-content:center;padding:0 24px 48px;display:flex}@media (width<=760px){.magazine-home-header{flex-wrap:wrap}.platform-nav{flex-basis:100%;order:3;gap:24px}.magazine-home-header>.language-selector,.magazine-home-header>.magazine-account{margin-left:auto}}.studio-header.app-header{z-index:20;background:#fff;border-color:#e5e5e5;grid-template-columns:auto minmax(120px,1fr) auto;gap:20px;height:76px;min-height:76px;padding:12px 20px;display:grid;position:relative}.studio-header .wordmark{color:#0f0f0f;letter-spacing:-1px;font-family:Arial,Apple SD Gothic Neo,sans-serif;font-size:24px;font-weight:800}.studio-header .wordmark>svg,.studio-header .wordmark>span{display:none}.studio-header .doc-info{grid-area:auto}.studio-header .editor-toolbar{flex-wrap:nowrap;grid-area:auto;gap:8px;max-width:none}.studio-header .editor-tool{color:#0f0f0f;white-space:nowrap;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:36px;height:38px;padding:8px;font-size:13px;display:inline-flex}.studio-header .editor-tool:hover:not(:disabled){background:#f2f2f2}.studio-header .editor-action{padding:8px 12px}.studio-header .editor-publish{color:#fff;background:#0f0f0f;min-height:38px;padding:8px 12px;font-size:13px}.studio-header .editor-publish:hover:not(:disabled){background:#303030}.editor-more{position:relative}.editor-more summary{cursor:pointer;list-style:none}.editor-more summary::-webkit-details-marker{display:none}.editor-more-items{z-index:25;overscroll-behavior:contain;color:#0f0f0f;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:260px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 150px);padding:8px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 8px 28px #0002}.editor-more-items>button{text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;min-height:40px;padding:10px;font-size:13px;display:flex}.editor-more-items>button:hover:not(:disabled){background:#f2f2f2}.editor-more-items hr{border:0;border-top:1px solid #eee;margin:6px 0}.editor-more-items>label{flex-direction:column;gap:6px;margin:10px;font-size:12px;display:flex}.editor-more-items>label>select{color:#0f0f0f;background:#fff;border:1px solid #ddd;width:100%;max-width:100%;padding:9px;font-size:13px;display:block}.editor-more-items .language-selector{flex-direction:row;flex-basis:auto;order:initial;border:0;padding:0}.editor-more-items .language-selector select{color:#0f0f0f;background:#fff;width:100%;display:block!important}.editor-more-items .editor-inspector{display:none}.magazine-view{z-index:8;color:#0f0f0f;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:10px;right:54px}.magazine-view:hover{background:#fff}.preview-overlay{color:#0f0f0f;background:#fff}.preview-overlay>header{background:#fff;border-color:#e5e5e5;height:auto;min-height:76px;padding:16px 24px}.preview-overlay .wordmark{color:#0f0f0f;letter-spacing:-1px;font-family:Arial,sans-serif;font-weight:800}.preview-overlay header>span:nth-child(2){color:#0f0f0f;font-size:14px}.preview-overlay header small{color:#606060;margin-top:5px;font-size:11px;display:block}.preview-overlay .outline{color:#0f0f0f;background:#fff;border-color:#ddd}.preview-overlay .outline:hover:not(:disabled){color:#0f0f0f;background:#f2f2f2}.magazine-view-tools{border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:13px;display:flex}.magazine-view-tools label{align-items:center;gap:12px;min-width:0;display:flex}.magazine-view-tools select{color:#0f0f0f;background:#fff;border-color:#ddd;min-width:0;max-width:260px;padding:8px}.magazine-view-modes{gap:4px;display:flex}.magazine-view-modes button{white-space:nowrap;border-radius:5px;padding:8px 12px}.magazine-view-modes [aria-pressed=true]{color:#fff;background:#0f0f0f}.preview-overlay .preview-page{width:min(42vw,75dvh - 202.5px);box-shadow:none}.preview-overlay .preview-spread:has(>.preview-page:only-child) .preview-page{width:min(86vw,75dvh - 202.5px)}@media (width<=1050px){.studio-header.app-header{grid-template-columns:auto minmax(0,1fr);gap:10px 16px;height:auto;min-height:112px;padding:12px 16px}.studio-header .studio-home{grid-area:1/1}.studio-header .doc-info{grid-area:1/2}.studio-header .editor-toolbar{grid-area:2/1/auto/-1;justify-content:flex-end}.studio-header .save-status{font-size:10px}}@media (width<=850px){.editor-more-items .editor-inspector{display:flex}.magazine-view-modes{display:none}.preview-overlay .preview-spread{padding:16px}.preview-overlay>header{gap:12px;padding:12px 16px}.preview-overlay header>span:nth-child(2){display:block}.preview-overlay .wordmark{display:none}.preview-overlay .preview-page{width:min(90vw,75dvh - 187.5px)}}@media (width<=600px){.studio-header .editor-toolbar{gap:4px}.studio-header .editor-action>span,.studio-header .editor-publish>span{display:none}.studio-header .editor-action{padding:8px}.studio-header .editor-publish{width:38px;min-width:38px;padding:8px}.studio-header .doc-info>input{font-size:13px}.magazine-view-tools{padding:10px 16px}.magazine-view-tools label{width:100%}.magazine-view-tools select{flex:1;max-width:100%}}.studio{--editor-shadow-30:#00000030;--editor-shadow-09:#00000009;--editor-shadow-25:#00000025;--editor-shadow-20:#00000020;--editor-surface:#fff;--editor-soft:#f2f2f2;--editor-ink:#0f0f0f;--editor-ink-hover:#303030;--editor-muted:#606060;--editor-line:#e0e0e0;--editor-focus:#333;--editor-inverse:#fff;--editor-diagram-light:#ddd;--editor-diagram-mid:#aaa;--editor-diagram-dark:#777;--editor-placeholder:#f5f5f5;--editor-canvas-grid:none;background:var(--editor-surface);color:var(--editor-ink)}.studio input[type=checkbox],.studio input[type=radio],.studio input[type=range],.studio progress{accent-color:var(--editor-ink)}.studio .canvas-size{box-shadow:0 0 0 1px #ddd,0 4px 14px #0000000d}.studio .mini-image:has(.mini-photo-window){background:0 0}.canvas-toolbar{gap:8px}.canvas-toolbar>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.canvas-toolbar .library-toggle{flex-shrink:0}.magazine-colors-panel{color:#111;background:#fff;padding:16px;overflow:auto}.magazine-colors-panel form{gap:20px;display:grid}.magazine-colors-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.magazine-colors-panel h2{margin:0;font-size:18px}.magazine-colors-panel fieldset{border:0;min-width:0;margin:0;padding:0}.magazine-color-label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.magazine-color-label span{color:#666;font-size:11px}.magazine-color-inputs{gap:8px;display:flex}.magazine-color-inputs input{background:#fff;border:1px solid #ccc;border-radius:0;height:40px}.magazine-color-inputs input[type=color]{flex:0 0 48px;width:48px;padding:3px}.magazine-color-inputs input[type=text]{flex:1;min-width:0;padding:8px;font-size:14px}.magazine-colors-panel footer{justify-content:flex-end;gap:8px;display:flex}.magazine-colors-panel footer button{min-height:40px;padding:8px 10px}@media (width>=851px){.work-area{--library-width:280px;grid-template-columns:64px minmax(0,1fr);position:relative;overflow:hidden}.work-area>.tool-rail{grid-area:1/1}.work-area>.workspace{grid-area:1/2}.work-area>.library{z-index:12;width:var(--library-width);border-right:1px solid var(--editor-line);grid-area:auto;transition:none;animation:none;position:absolute;top:40px;bottom:72px;left:64px}.work-area[data-library-open=false]>.library{display:none}.canvas-toolbar{height:40px;padding:0 12px}.canvas-viewport{padding:12px 16px}.page-strip{height:72px;padding:4px 8px}.page-strip>div:not(.view-zoom)>button{width:36px;min-width:36px;height:60px;padding:2px}}@media (width>=851px) and (width<=1150px){.work-area{--library-width:250px}}@media (width<=850px){.canvas-toolbar .library-toggle{display:none}}.magazine-color-inputs input[aria-invalid=true]{border-color:#b42318}.magazine-color-scope{border:1px solid #ccc;display:flex}.magazine-color-scope button{color:#666;background:#fff;border:0;flex:1;min-width:0;min-height:36px;padding:6px 8px;font-size:12px}.magazine-color-scope button+button{border-left:1px solid #ccc}.magazine-color-scope button[aria-pressed=true]{color:#111;background:#eee;font-weight:600}.canvas-toolbar .page-history{border-left:1px solid var(--editor-line,#ddd);gap:3px;margin-left:5px;padding-left:8px;display:flex}.page-delete-dialog{color:#111;background:#fff;border:1px solid #ccc;width:min(360px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:24px;overflow:auto}.page-delete-dialog::backdrop{background:#0003}.page-delete-dialog h2{margin:0 0 16px;font-size:18px}.page-delete-dialog p{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.page-delete-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.page-delete-actions button{min-height:40px;padding:8px 16px}.page-thumbnails>button{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.page-thumbnails>button img{pointer-events:none;-webkit-user-drag:none}.page-thumbnails>button[data-moving=true]{opacity:.35;cursor:grabbing}.page-thumbnails>button[data-drop-before=true]:before,.page-thumbnails>button[data-drop-after=true]:after{content:"";z-index:2;pointer-events:none;background:#111;width:3px;position:absolute;top:0;bottom:0}.page-thumbnails>button[data-drop-before=true]:before{left:0}.page-thumbnails>button[data-drop-after=true]:after{right:0}.page-drag-ghost{pointer-events:none;z-index:100;background:#fff;border:1px solid #777;gap:2px;padding:3px;display:flex;position:fixed;box-shadow:0 2px 8px #0002}.page-drag-ghost .template-mini{width:40px;height:54px}.page-strip .page-thumbnails>.page-add{cursor:pointer;touch-action:manipulation;color:#333;border-style:dashed;justify-content:center;align-items:center;display:flex}.page-strip .page-thumbnails>.page-add:hover:not(:disabled){background:#f2f2f2;border-color:#777}@media (width>=851px){.work-area>.library:has(.layout-browser){width:clamp(280px,28vw,336px)}}.layout-browser .layout-browser-heading{z-index:2;background:#fff;padding:4px 0 12px;position:sticky;top:-20px}.layout-browser h1{margin:0 0 14px;font-size:19px;font-weight:600}.layout-browser .template-categories{gap:4px;margin:0}.layout-browser .template-categories button{color:#555;background:#fff;border:0;border-radius:0;min-height:34px;padding:7px 6px;font-size:11px}.layout-browser .template-categories button[aria-pressed=true]{color:#111;background:#eee;font-weight:600;box-shadow:inset 0 -2px #111}.layout-browser .editorial-template-grid{align-items:start;gap:16px 12px;padding:4px 2px 24px}.layout-tile{background:#fff;border:0;border-radius:0;width:100%;min-width:0;padding:0;display:block;overflow:hidden;box-shadow:0 0 0 1px #ddd}.layout-tile>.template-mini{border-radius:0}.layout-tile:hover{box-shadow:0 0 0 2px #777}.layout-tile:focus-visible{outline-offset:3px;outline:2px solid #111}.layout-tile:disabled{opacity:.5;cursor:default}.layout-tile-spread{grid-column:1/-1}.wordmark>.brand-wordmark{font:inherit;color:inherit;letter-spacing:inherit;white-space:nowrap;flex:none;display:inline-block}.brand-wordmark>strong{font-weight:800}.brand-wordmark>i{font-style:normal;font-weight:400}.inspector .inspector-sheet-resize{display:none}.inspector{--inspector-control-height:36px;overscroll-behavior:contain;color:#111;background:#fff;border-left:1px solid #ddd;min-width:0;min-height:0;padding:16px;font-size:14px;line-height:1.4;overflow:auto}.inspector .panel-heading{align-items:center;gap:8px;margin:0 0 8px;display:flex}.inspector .panel-heading h2{margin:0;font-size:16px;font-weight:600}.inspector .inspector-dismiss{flex:0 0 36px;width:36px;margin-left:auto;padding:0;display:inline-flex}.inspector :is(button,input,select,textarea){box-sizing:border-box;color:#111;box-shadow:none;border-radius:0;font-family:inherit;font-size:14px;line-height:1.4}.inspector :is(input,select,textarea){width:100%;min-width:0;min-height:var(--inspector-control-height);background:#fff;border:1px solid #ccc;padding:7px 8px}.inspector button{min-width:0;min-height:var(--inspector-control-height);white-space:normal;overflow-wrap:anywhere;text-align:center;background:#fff;border:1px solid #ccc;justify-content:center;align-items:center;gap:8px;height:auto;padding:7px 8px;display:inline-flex}.inspector button:hover:not(:disabled){background:#f5f5f5}.inspector button[aria-pressed=true]{color:#111;background:#e9e9e9;border-color:#777}.inspector :is(button,input,textarea,select):disabled{opacity:.4;cursor:not-allowed}.inspector :is(button,input,textarea,select,summary):focus-visible{outline-offset:2px;outline:2px solid #333}.inspector svg{flex-shrink:0;width:16px;height:16px}.inspector :is(label,.font-picker-label){color:#666;overflow-wrap:anywhere;font-size:12px;font-weight:400}.inspector textarea{resize:vertical;min-height:76px}.inspector .inspector-stack{gap:8px;min-width:0;display:grid}.inspector .inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;min-width:0;display:grid}.inspector .text-size-color{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.inspector .inspector-field{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.inspector .inspector-section{border-top:1px solid #ddd;margin:8px 0 0;padding:8px 0 0}.inspector .inspector-section h3{color:#111;margin:0 0 8px;font-size:13px;font-weight:600}.inspector>.panel-heading+.inspector-section,.inspector .photo-toolbar>.inspector-section:first-child{border-top:0;margin-top:0;padding-top:0}.inspector .inspector-disclosure{border-top:1px solid #ddd;min-width:0;margin:8px 0 0;padding:8px 0 0}.inspector .inspector-disclosure summary{cursor:pointer;overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;min-height:36px;font-size:13px;font-weight:600;list-style:none;display:flex}.inspector .inspector-disclosure summary::-webkit-details-marker{display:none}.inspector .inspector-disclosure[open]>summary{margin-bottom:8px}.inspector .inspector-disclosure[open]>summary svg{transform:rotate(180deg)}.inspector .inspector-range{grid-template-columns:minmax(0,88px) minmax(0,1fr) 40px;align-items:center;gap:0 8px;min-width:0;display:grid}.inspector .inspector-range output{text-align:right;color:#111;font-variant-numeric:tabular-nums;grid-area:1/3;font-size:14px}.inspector .inspector-range input{accent-color:#333;cursor:pointer;border:0;grid-area:1/2;height:32px;min-height:32px;margin:0;padding:0}.inspector .inspector-checkbox{min-height:var(--inspector-control-height);align-items:center;gap:8px;display:flex}.inspector .inspector-checkbox input{accent-color:#333;width:16px;height:16px;min-height:16px;margin:0}.inspector .inspector-color{background:#fff;border:1px solid #ccc;width:100%;min-width:0;display:flex}.inspector .inspector-color input{min-height:calc(var(--inspector-control-height) - 2px);border:0}.inspector .inspector-color input[type=color]{width:34px;height:calc(var(--inspector-control-height) - 2px);flex:0 0 34px;padding:4px}.inspector .inspector-color input:not([type=color]){flex:1;width:0;padding-left:4px}.inspector .text-toolbar{gap:8px;min-width:0;display:grid}.inspector .type-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;display:grid}.inspector .type-buttons button{width:100%;padding:0}.inspector .photo-toolbar{min-width:0}.inspector .photo-toolbar-primary .inspector-stack{gap:4px}.inspector .effects-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.inspector .photo-effects,.inspector .effects-controls{gap:8px;display:grid}.inspector .effects-controls{margin:0}.inspector .source-info{color:#666;overflow-wrap:anywhere;background:0 0;border-radius:0;padding:0;font-size:12px;line-height:1.6}.inspector .source-info strong{color:#111;font-weight:500}.inspector .source-info p{margin:8px 0 0}.inspector .source-info a{color:#333;text-underline-offset:3px}.inspector .layer-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.inspector .font-picker{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex;position:relative}.inspector .font-combobox-field{width:100%;position:relative}.inspector .font-combobox-field textarea{width:100%;height:auto;min-height:var(--inspector-control-height);resize:none;font-synthesis:none;white-space:pre-wrap;overflow-wrap:anywhere;padding:6px 32px 6px 8px;font-size:16px;line-height:1.4;display:block;overflow:hidden}.inspector .font-combobox-field button{background:0 0;border:0;width:28px;height:100%;padding:0;position:absolute;top:0;right:0}.inspector .font-dropdown{z-index:20;color:#111;background:#fff;border:1px solid #aaa;flex-direction:column;max-width:100%;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.inspector .font-select-options{overscroll-behavior:contain;min-height:0;overflow-y:auto}.inspector button.font-select-option{text-align:left;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.inspector .font-select-option>span:first-child{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0}.inspector .font-select-option>span:last-child{flex-shrink:0}.inspector .font-option-name{font-synthesis:none;font-size:16px;line-height:1.4}.inspector button.font-select-option:hover,.inspector button.font-select-option.is-highlighted{background:#eee}.inspector .font-select-status,.inspector .font-select-empty{margin:0;padding:8px;font-size:12px}.inspector .font-select-status:empty{display:none}@media (width>=851px){.work-area{--inspector-width:320px}.work-area>.inspector{width:var(--inspector-width);z-index:12;max-width:calc(100% - 64px);transition:none;animation:none;display:block;position:absolute;top:40px;bottom:72px;right:0}.work-area[data-inspector-open=false]>.inspector{display:none}}@media (width<=850px){.inspector{--inspector-control-height:40px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));scroll-padding-top:64px;scroll-padding-bottom:16px;display:none}.inspector .panel-heading{z-index:30;background:#fff;border-bottom:1px solid #ddd;margin:-16px -16px 8px;padding:8px 16px;position:sticky;top:-16px}.inspector .inspector-dismiss{flex-basis:40px;width:40px;min-width:40px}.inspector input:not([type=range]):not([type=checkbox]):not([type=color]),.inspector select,.inspector textarea{font-size:16px}.inspector textarea{max-height:var(--inspector-input-max-height,none);overflow-y:auto}.inspector textarea:not([role=combobox]){min-height:min(76px, var(--inspector-input-max-height,76px))}.inspector .font-combobox-field button{width:40px;min-width:40px}.inspector .font-combobox-field textarea{padding-right:44px;overflow-y:auto}.inspector.is-open{top:var(--inspector-viewport-top,108px);height:var(--inspector-viewport-height,calc(100dvh - 108px));z-index:30;width:min(320px,100vw - 16px);max-width:100%;box-shadow:none;border-top:0;display:block;position:fixed;bottom:auto;right:0}.inspector .inspector-disclosure summary{min-height:40px}.inspector .inspector-range input{height:40px;min-height:40px}}@media (width<=600px){.canvas-viewport{scrollbar-gutter:stable}.inspector.is-open .inspector-sheet-resize{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:64px;height:40px;min-height:40px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.inspector.is-open[data-element-type]:not([data-element-type=page]) .panel-heading>div:not(.inspector-sheet-resize){max-width:calc(50% - 32px)}.inspector .inspector-sheet-resize>span{background:#888;border-radius:2px;width:36px;height:4px;display:block}.inspector .inspector-sheet-resize:focus-visible{outline-offset:-3px;outline:2px solid #333}.inspector.is-open[data-element-type]:not([data-element-type=page]){--inspector-sheet-min-height:200px;width:100%;max-width:100%;top:var(--inspector-viewport-top,calc(100dvh - min(320px, max(var(--inspector-sheet-min-height), 36dvh), 100dvh)));height:var(--inspector-viewport-height,min(320px, max(var(--inspector-sheet-min-height), 36dvh), 100dvh));border-top:1px solid #ddd;border-left:0}.work-area[data-inspector-open=true]:has(>.inspector.is-open[data-element-type=text]) .text-move-handle{display:none}.work-area[data-inspector-open=true]:has(>.inspector.is-open[data-element-type]:not([data-element-type=page])) .canvas-size:after{content:"";width:1px;height:var(--inspector-selection-space,0px);pointer-events:none;position:absolute;top:100%;left:0}}@media (width<=600px) and (height<=400px){.inspector.is-open[data-element-type]:not([data-element-type=page]){--inspector-sheet-min-height:240px}}