:root{--paper:#f4f5f2;--ink:#12151b;--blue:#0078e6;--blue-soft:#6ec4ff;--teal:#00a49b;--coral:#ff6b4a;--line:#12151b2e;--paper-elevated:#fff;--ink-muted:#12151b8c;--ink-faint:#12151b59;--panel-bg:#fafaf8;--shadow-sm:0 1px 2px #12151b0f;--shadow-md:0 4px 16px #12151b14;--radius:8px;--radius-sm:6px;--topbar-h:52px;--prompt-h:72px;--sidebar-w:240px;--font-serif:"Bricolage Grotesque", Georgia, serif;--font-sans:"Manrope", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.app{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0, 1fr) var(--prompt-h);background:var(--paper);width:100%;max-width:100%;height:100%;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--paper-elevated);box-shadow:var(--shadow-sm);z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.topbar__brand{align-items:center;gap:10px;min-width:0;display:flex}.topbar__logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:28px;height:28px}.topbar__brand-text{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.topbar__site{font-family:var(--font-sans);color:var(--ink-muted);font-size:13px;font-weight:500}.topbar__site:hover{color:var(--blue)}.topbar__sep{color:var(--ink-faint);font-weight:400}.topbar__title{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.topbar__actions{scrollbar-width:none;flex:auto;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.topbar__auto-decomp{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper-elevated);height:32px;color:var(--ink-muted,var(--ink));cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;max-width:220px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.topbar__auto-decomp input{accent-color:var(--accent,#3b82f6);margin:0}.topbar__auto-decomp--on{border-color:var(--ink-faint);color:var(--ink)}.topbar__auto-decomp span{text-overflow:ellipsis;overflow:hidden}@media (width<=1100px){.topbar__auto-decomp{max-width:160px}}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s,opacity .12s;display:inline-flex}.btn--ghost{color:var(--ink);border-color:var(--line);background:var(--paper-elevated)}.btn--ghost:hover:not(:disabled){border-color:var(--ink-faint);background:var(--paper)}.btn--primary{color:#fff;background:var(--blue);border-color:var(--blue)}.btn--primary:hover:not(:disabled){background:#0066c4}.btn--accent{color:#fff;background:var(--teal);border-color:var(--teal)}.btn--accent:hover:not(:disabled){filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--icon{width:32px;color:var(--ink-muted);border-color:var(--line);background:var(--paper-elevated);padding:0}.btn--icon:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint)}.workspace{grid-template-columns:auto 1fr auto;min-height:0;display:grid;overflow:hidden}.panel{background:var(--panel-bg);border-color:var(--line);flex-direction:column;min-height:0;transition:width .18s;display:flex;overflow:hidden}.panel--left{width:var(--sidebar-w);border-right:1px solid var(--line)}.panel--right{width:var(--sidebar-w);border-left:1px solid var(--line)}.panel--collapsed{width:40px}.panel__header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 10px 0 12px;display:flex}.panel__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;font-size:11px;font-weight:500}.panel--collapsed .panel__label{display:none}.panel__body{color:var(--ink-faint);flex:1;padding:16px 12px;font-size:13px;overflow:auto}.panel--collapsed .panel__body{display:none}.panel__placeholder{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.panel__placeholder p{color:var(--ink-faint);line-height:1.5}.badge{font-family:var(--font-mono);letter-spacing:.04em;color:var(--blue);background:#0078e61a;border-radius:999px;padding:2px 8px;font-size:10px;display:inline-block}.canvas{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:24px 24px;background-color:var(--paper);justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.canvas__hint{z-index:6;max-width:min(640px,100% - 24px);color:var(--ink);text-align:center;pointer-events:none;box-shadow:var(--shadow-sm);background:#fffffff0;border:1px dashed #0078e6;border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.4;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.canvas__empty{text-align:center;background:var(--paper-elevated);border:1px solid var(--line);max-width:420px;box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.canvas__empty-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--ink);font-size:28px;font-weight:700}.canvas__empty-copy{color:var(--ink-muted);font-size:14px;line-height:1.55}.canvas__empty-hint{border-radius:var(--radius-sm);color:var(--teal);background:#00a49b14;border:1px dashed #00a49b59;margin-top:4px;padding:8px 14px;font-size:12px;font-weight:500}.canvas__empty-hint kbd{font-family:var(--font-mono);background:#00a49b1f;border:1px solid #00a49b40;border-radius:4px;padding:1px 5px;font-size:11px}.promptbar{border-top:1px solid var(--line);background:var(--paper-elevated);align-items:center;gap:12px;padding:0 16px;display:flex;box-shadow:0 -1px 2px #12151b0a}.promptbar__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);flex-shrink:0;font-size:11px;font-weight:500}.promptbar__input{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);height:40px;font-family:var(--font-sans);color:var(--ink);resize:none;outline:none;flex:1;padding:0 14px;font-size:13px}.promptbar__input::placeholder{color:var(--ink-faint)}.promptbar__input:focus{border-color:var(--blue-soft);box-shadow:0 0 0 3px #6ec4ff40}.promptbar__input:disabled{opacity:.7;cursor:not-allowed}.promptbar__actions{flex-shrink:0;gap:6px;display:flex}.toast{bottom:calc(var(--prompt-h) + 16px);z-index:100;border-radius:var(--radius);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-md);pointer-events:none;padding:10px 18px;font-size:13px;font-weight:500;animation:.2s toast-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=900px){:root{--sidebar-w:200px}.topbar__site,.topbar__sep{display:none}}.canvas__excalidraw{z-index:1;position:absolute;inset:0}.canvas__excalidraw .excalidraw{--color-primary:#0078e6;--color-primary-darker:#0066c4;--color-primary-darkest:#0055a3;--color-primary-light:#6ec4ff;--ui-font:var(--font-sans);width:100%;height:100%}.canvas__excalidraw .excalidraw.theme--light{--island-bg-color:#fff;--color-surface-lowest:#f4f5f2}.canvas__loading{width:100%;height:100%;color:var(--ink-muted);background:var(--paper);justify-content:center;align-items:center;font-size:14px;display:flex}.canvas__empty--overlay{z-index:2;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas--dragging{outline:2px dashed var(--teal);outline-offset:-6px}.canvas__drop-hint{z-index:3;border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-md);pointer-events:none;background:#00a49beb;padding:14px 22px;font-size:14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas__excalidraw .excalidraw .welcome-screen-center,.canvas__excalidraw .excalidraw .welcome-screen-decor{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn--active{border-color:var(--teal)!important;color:var(--teal)!important;background:#00a49b1f!important}.canvas--cropping,.canvas--selecting{cursor:crosshair}.crop-overlay{z-index:5;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#12151b2e;position:absolute;inset:0}.crop-overlay__hint{z-index:2;color:var(--paper);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-sm);background:#12151bd9;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500;position:absolute;top:12px;left:50%;transform:translate(-50%)}.crop-overlay__box{z-index:1;border:2px solid var(--teal);pointer-events:none;background:#00a49b14;position:absolute;box-shadow:0 0 0 9999px #12151b59,inset 0 0 0 1px #ffffff59}.crop-overlay__box--ready{border-color:var(--blue);background:#0078e61a;box-shadow:0 0 0 9999px #12151b66,inset 0 0 0 1px #fff6}.layers-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.layers-list__item{border-radius:var(--radius-sm);background:var(--paper-elevated);width:100%;color:var(--ink);text-align:left;border:1px solid #0000;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.layers-list__item:hover{border-color:var(--line);background:var(--paper)}.layers-list__item--active{border-color:var(--blue-soft);color:var(--blue);background:#0078e614}.layers-list__icon{color:var(--teal);flex-shrink:0;font-size:12px}.layers-list__item--active .layers-list__icon{color:var(--blue)}.layers-list__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}fieldset.inspector-form{border:0;min-inline-size:0;margin:0;padding:0}.inspector-form{flex-direction:column;gap:14px;display:flex}.inspector-form__field{flex-direction:column;gap:6px;display:flex}.inspector-form__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:10px;font-weight:500}.inspector-form__input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-elevated);height:34px;font-family:var(--font-sans);color:var(--ink);outline:none;padding:0 10px;font-size:13px}.inspector-form__input:focus{border-color:var(--blue-soft);box-shadow:0 0 0 3px #6ec4ff40}.inspector-form__meta{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:4px;display:flex}.inspector-form__kv{justify-content:space-between;gap:8px;font-size:12px;display:flex}.inspector-form__k{color:var(--ink-faint)}.inspector-form__v{color:var(--ink-muted);font-weight:500}.inspector-form__textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-elevated);min-height:56px;font-family:var(--font-sans);color:var(--ink);resize:vertical;outline:none;width:100%;padding:8px 10px;font-size:13px;line-height:1.4}.inspector-form__textarea--sm{min-height:44px}.inspector-form__textarea:focus{border-color:var(--blue-soft);box-shadow:0 0 0 3px #6ec4ff40}.inspector-form__select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-elevated);height:34px;font-family:var(--font-sans);color:var(--ink);outline:none;width:100%;padding:0 8px;font-size:12px}.inspector-form__select:focus{border-color:var(--blue-soft);box-shadow:0 0 0 3px #6ec4ff40}.inspector-form__section{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:10px;display:flex}.inspector-form__section-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-size:10px;font-weight:600}.inspector-form__row{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.inspector-form__row .inspector-form__input{padding:0 6px;font-size:12px}.inspector-form__v--mono{font-family:var(--font-mono);font-size:11px}.panel--right .panel__body{color:var(--ink)}.app--prompt-expanded{--prompt-h:auto;grid-template-rows:var(--topbar-h) 1fr auto}.promptbar--expanded{align-items:stretch;height:auto;min-height:72px;max-height:min(42vh,420px);padding:10px 16px;overflow:hidden}.promptbar__main{flex-direction:column;gap:8px;width:100%;min-height:0;display:flex}.promptbar__meta-row{flex-wrap:wrap;gap:10px;display:flex}.promptbar__field{flex-direction:column;flex:1;gap:3px;min-width:160px;display:flex}.promptbar__field-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:10px;font-weight:500}.promptbar__field-input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);height:32px;font-family:var(--font-sans);color:var(--ink);outline:none;padding:0 10px;font-size:13px}.promptbar__field-input:focus{border-color:var(--blue-soft);box-shadow:0 0 0 3px #6ec4ff40}.promptbar__instr-row{align-items:flex-start;gap:10px;min-height:0;display:flex}.promptbar__textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-height:40px;max-height:96px;font-family:var(--font-sans);color:var(--ink);resize:vertical;outline:none;flex:1;padding:8px 12px;font-size:13px;line-height:1.4}.promptbar__textarea::placeholder{color:var(--ink-faint)}.promptbar__textarea:focus{border-color:var(--blue-soft);box-shadow:0 0 0 3px #6ec4ff40}.promptbar--expanded .promptbar__actions{flex-wrap:wrap;align-items:flex-start;gap:6px;padding-top:2px;display:flex}.promptbar__preview{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow:hidden}.promptbar__preview-header{align-items:baseline;gap:10px;display:flex}.promptbar__preview-hint{color:var(--ink-faint);font-size:11px}.promptbar__preview-body{border:1px solid var(--line);border-radius:var(--radius-sm);color:#e8ebe4;min-height:72px;max-height:160px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;background:#0f1218;flex:1;margin:0;padding:10px 12px;font-size:11px;line-height:1.45;overflow:auto}.app--prompt-expanded .toast{bottom:24px}.topbar__save-status{color:var(--ink-faint);white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-content:flex-end;align-items:center;min-width:7.5rem;min-height:1.25rem;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.topbar__save-status--idle{visibility:hidden}.topbar__save-status--saving{color:var(--ink-muted)}.topbar__save-status--saved{color:var(--teal)}.topbar__save-status--error{color:var(--coral)}.projects-modal{background:0 0;border:none;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:0}.projects-modal::backdrop{background:#12151b73}.projects-modal__panel{background:var(--paper-elevated);border:1px solid var(--line);border-radius:var(--radius);width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.projects-modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.projects-modal__title{font-family:var(--font-serif);letter-spacing:-.02em;font-size:18px;font-weight:600}.projects-modal__toolbar{border-bottom:1px solid var(--line);gap:8px;padding:10px 16px;display:flex}.projects-modal__list{flex:1;min-height:120px;max-height:420px;margin:0;padding:8px;list-style:none;overflow:auto}.projects-modal__empty{text-align:center;color:var(--ink-muted);padding:24px 12px;font-size:13px}.projects-modal__item{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.projects-modal__item:hover{background:var(--paper)}.projects-modal__item--active{background:#0078e60f;border-color:#0078e659}.projects-modal__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.projects-modal__name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:560;display:flex;overflow:hidden}.projects-modal__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--blue);background:#0078e61f;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.projects-modal__date{color:var(--ink-faint);font-size:11px}.projects-modal__actions{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.projects-modal__rename{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;max-width:240px;height:30px;font:inherit;background:var(--paper);color:var(--ink);padding:0 8px;font-size:13px}.projects-modal__rename:focus{outline-offset:1px;outline:2px solid #0078e659}.projects-modal__delete:hover:not(:disabled){color:var(--coral);border-color:#ff6b4a73}@media (width<=640px){.projects-modal__item{flex-direction:column;align-items:stretch}.topbar__save-status{display:none}}.topbar__export{position:relative}.topbar__export-caret{opacity:.7;margin-left:2px;font-size:10px}.topbar__export-menu{background:var(--paper-elevated);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-md);z-index:40;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.topbar__export-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--ink);background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:500;display:block}.topbar__export-item:hover:not(:disabled){background:var(--paper);color:var(--blue)}.topbar__export-item:disabled{opacity:.45;cursor:not-allowed}.decompose-modal{background:0 0;border:none;max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);padding:0}.decompose-modal::backdrop{background:#12151b80}.decompose-modal__panel{background:var(--paper-elevated);border:1px solid var(--line);border-radius:var(--radius);width:min(720px,100vw - 24px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.decompose-modal__header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.decompose-modal__title{font-family:var(--font-serif);letter-spacing:-.02em;font-size:18px;font-weight:600}.decompose-modal__body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 16px;display:flex;overflow:auto}.decompose-modal__hint{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.45}.decompose-modal__fieldset{border:1px solid var(--line);border-radius:var(--radius-sm);margin:0;padding:10px 12px 12px}.decompose-modal__fieldset legend{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 6px;font-size:12px;font-weight:600}.decompose-modal__checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.decompose-modal__check{color:var(--ink);cursor:pointer;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.decompose-modal__check input{flex-shrink:0}.decompose-modal__radios{flex-wrap:wrap;gap:12px 20px;display:flex}.decompose-modal__radio{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.decompose-modal__status{color:var(--blue);margin:0;font-size:13px;font-weight:500}.decompose-modal__error{color:var(--coral);margin:0;font-size:13px;line-height:1.4}.decompose-modal__preview-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);overflow:hidden}.decompose-modal__preview-canvas{box-sizing:border-box;background:#0f1218;justify-content:center;align-items:center;width:100%;max-height:240px;padding:8px;display:flex}.decompose-modal__preview-frame{max-width:100%;max-height:224px;line-height:0;display:inline-block;position:relative}.decompose-modal__preview-img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:100%;height:auto;max-height:224px;display:block}.decompose-modal__overlay{box-sizing:border-box;cursor:pointer;background:#008cff1f;border:1.5px solid #00a0ff8c;border-radius:2px;margin:0;padding:0;position:absolute;overflow:hidden}.decompose-modal__overlay.is-on{background:#00b47829;border-color:#00b478d9}.decompose-modal__overlay.is-hot,.decompose-modal__overlay:hover{z-index:2;background:#ffc83238;border-color:#fc3}.decompose-modal__overlay-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0000008c;max-width:100%;padding:1px 3px;font-size:9px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.decompose-modal__list-actions{flex-wrap:wrap;gap:8px;display:flex}.decompose-modal__region-list{border:1px solid var(--line);border-radius:var(--radius-sm);max-height:220px;margin:0;padding:0;list-style:none;overflow:auto}.decompose-modal__region-item{border-bottom:1px solid var(--line);padding:6px 10px}.decompose-modal__region-item:last-child{border-bottom:none}.decompose-modal__region-item.is-hot{background:#0078e614}.decompose-modal__region-item .decompose-modal__check{gap:10px;width:100%}.decompose-modal__region-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:560;overflow:hidden}.decompose-modal__region-meta{color:var(--ink-faint);flex-shrink:0;font-size:11px}.decompose-modal__footer{border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}@media (width<=560px){.decompose-modal__checks{grid-template-columns:1fr}}.layers-templates{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.templates-panel{flex-direction:column;gap:8px;display:flex}.templates-panel__header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.templates-panel__title{letter-spacing:.02em;margin:0;font-size:13px;font-weight:650}.templates-panel__count{color:var(--ink-faint);font-size:11px}.templates-panel__hint{color:var(--ink-muted);margin:0;font-size:12px;line-height:1.4}.templates-panel--compact .templates-panel__hint{font-size:11px}.templates-panel__hint--card{color:var(--text-secondary,#475569);border-left:3px solid #38bdf8;padding-left:.55rem}.templates-panel__hint--warn{color:var(--warning,#b54708);background:color-mix(in srgb, var(--warning,#b54708) 8%, transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--warning,#b54708) 28%, var(--line));padding:6px 8px}.templates-panel__item.is-midstrip{border-color:color-mix(in srgb, var(--warning,#b54708) 45%, var(--line))}.templates-panel__empty{color:var(--ink-muted);margin:0;font-size:12px;line-height:1.4}.templates-panel__error{color:var(--danger,#b42318);margin:0;font-size:12px}.templates-panel__list{flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.templates-panel__item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);align-items:center;gap:8px;padding:6px 8px;display:flex}.templates-panel__item.is-disabled{opacity:.55}.templates-panel__thumb{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:4px;flex-shrink:0;width:40px;height:40px}.templates-panel__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.templates-panel__name{text-align:left;font:inherit;color:var(--ink);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;margin:0;padding:0;font-size:12px;font-weight:560;overflow:hidden}.templates-panel__name:hover{text-decoration:underline}.templates-panel__rename{border:1px solid var(--line);background:var(--paper-elevated);width:100%;color:var(--ink);border-radius:4px;padding:2px 6px;font-size:12px}.templates-panel__sub{color:var(--ink-faint);font-size:10px}.templates-panel__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.templates-panel__enable{color:var(--ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:10px;display:inline-flex}.templates-panel__enable input{margin:0}.url-import-modal{background:0 0;border:none;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:0}.url-import-modal::backdrop{background:#12151b73}.url-import-modal__panel{background:var(--paper-elevated);border:1px solid var(--line);border-radius:var(--radius);width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-md);flex-direction:column;gap:10px;padding:0 0 16px;display:flex;overflow:auto}.url-import-modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.url-import-modal__title{font-family:var(--font-serif);letter-spacing:-.02em;font-size:18px;font-weight:600}.url-import-modal__lead,.url-import-modal__hint{color:var(--ink-muted);margin:0 16px;font-size:13px;line-height:1.5}.url-import-modal__label{font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:4px 16px 0}.url-import-modal__row{align-items:center;gap:8px;padding:0 16px;display:flex}.url-import-modal__input{min-width:0;font-family:var(--font-mono);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);flex:1;padding:8px 10px;font-size:13px}.url-import-modal__input:focus{outline:2px solid var(--blue-soft);outline-offset:1px}.url-import-modal__status{color:var(--teal);margin:0 16px;font-size:13px}.url-import-modal__error{color:var(--coral);margin:0 16px;font-size:13px}.url-import-modal__fallback{border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--panel-bg);flex-direction:column;gap:8px;margin:4px 16px 0;padding:12px;display:flex}.url-import-modal__fallback-title{color:var(--ink);margin:0;font-size:13px;font-weight:650}.url-import-modal__fallback-body{color:var(--ink-muted);margin:0;font-size:12px;line-height:1.45}.url-import-modal__fallback-actions{flex-wrap:wrap;gap:8px;display:flex}.url-import-modal__html-toggle{margin:0 16px}.url-import-modal__html-block{flex-direction:column;gap:6px;margin:0 16px;display:flex}.url-import-modal__textarea{box-sizing:border-box;width:100%;font-family:var(--font-mono);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);resize:vertical;min-height:96px;padding:8px 10px;font-size:12px;line-height:1.4}.url-import-modal__textarea:focus{outline:2px solid var(--blue-soft);outline-offset:1px}.url-import-modal__html-hint{color:var(--ink-faint);margin:0;font-size:11px;line-height:1.4}.btn--sm{padding:4px 8px;font-size:12px}.topbar__export-sep{background:var(--line);height:1px;margin:4px 6px}.topbar__export-menu{min-width:220px}.ai-export-modal{background:0 0;border:none;max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);padding:0}.ai-export-modal::backdrop{background:#12151b8c}.ai-export-modal__panel{background:var(--paper-elevated);border:1px solid var(--line);border-radius:var(--radius);width:min(560px,100vw - 24px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:auto}.ai-export-modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 8px;display:flex}.ai-export-modal__title{margin:0;font-size:16px;font-weight:650}.ai-export-modal__subtitle{color:var(--muted);margin:2px 0 0;font-size:12px}.ai-export-modal__privacy{border-radius:var(--radius-sm);border:1px dashed var(--line);color:#5c4b00;background:#fffbe6;margin:12px 16px 0;padding:10px 12px;font-size:12px;line-height:1.45}.ai-export-modal__privacy strong{margin-bottom:4px;display:block}.ai-export-modal__privacy ul{margin:4px 0 0;padding-left:1.2em}.ai-export-modal__body{flex-direction:column;gap:10px;padding:14px 16px 18px;display:flex}.ai-export-modal__field{flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.ai-export-modal__field input,.ai-export-modal__field select{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);padding:8px 10px;font-weight:400}.ai-export-modal__hint{color:var(--muted);margin:0;font-size:12px}.ai-export-modal__ok{color:#047857;margin:0;font-size:12px}.ai-export-modal__err{color:#b91c1c;margin:0;font-size:12px}.ai-export-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.ai-export-modal__preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);max-height:200px;overflow:hidden}.ai-export-modal__preview img{object-fit:contain;width:100%;height:auto;max-height:200px;display:block}.ai-export-modal__check{color:var(--muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.ai-export-modal__check input{margin-top:2px}.doc-proposal-banner{color:var(--ink);border-bottom:1px solid var(--line);background:#0078e614;margin:0;padding:6px 12px;font-size:12px;line-height:1.4}.doc-canvas--draw,.doc-canvas--draw canvas{cursor:crosshair}.doc-workspace{background:var(--paper);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.doc-toolbar{border-bottom:1px solid var(--line);background:var(--paper-elevated);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 12px;padding:6px 10px;display:flex}.doc-toolbar__actions{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.doc-toolbar__mode,.doc-toolbar__convert{color:var(--ink-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.doc-toolbar__mode select,.doc-toolbar__convert select{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);padding:4px 6px;font-size:12px}.doc-toolbar__meta{color:var(--ink-faint);font-size:11px;font-family:var(--font-mono)}.doc-breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.doc-breadcrumb__sep{color:var(--ink-faint);margin:0 2px}.doc-breadcrumb__link{color:var(--blue);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.doc-breadcrumb__link:hover{text-decoration:underline}.doc-breadcrumb__current{color:var(--ink);font-weight:600}.doc-workspace__body{flex:1;min-width:0;min-height:0;display:flex}.doc-workspace__layers,.doc-workspace__inspector{width:var(--sidebar-w);border-right:1px solid var(--line);background:var(--panel-bg);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.doc-workspace__inspector{border-right:none;border-left:1px solid var(--line)}.doc-workspace__canvas{background:#e8e9e6;flex:1;min-width:0;min-height:0;position:relative}.doc-canvas{width:100%;height:100%}.layers-tree{margin:0;padding:4px 0 12px;font-size:12px;list-style:none}.layers-tree__children{margin:0;padding:0;list-style:none}.layers-tree__row{align-items:center;gap:2px;min-height:28px;display:flex}.layers-tree__row--active{background:#0078e61f}.layers-tree__row--hidden{opacity:.45}.layers-tree__twist{cursor:pointer;width:18px;height:22px;color:var(--ink-muted);background:0 0;border:none;flex-shrink:0;font-size:10px}.layers-tree__twist--spacer{width:18px;display:inline-block}.layers-tree__item{cursor:pointer;font:inherit;text-align:left;min-width:0;color:var(--ink);background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:4px 8px 4px 0;display:flex}.layers-tree__icon{text-align:center;opacity:.8;flex-shrink:0;width:16px}.layers-tree__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layers-tree__type{color:var(--ink-faint);font-size:10px;font-family:var(--font-mono);flex-shrink:0}.doc-inspector{flex-direction:column;gap:10px;font-size:13px;display:flex}.doc-inspector label{flex-direction:column;gap:4px;font-weight:500;display:flex}.doc-inspector input,.doc-inspector textarea{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);resize:vertical;padding:6px 8px;font-weight:400}.doc-inspector__meta{color:var(--ink-muted);font-size:11px;font-family:var(--font-mono);margin:0}.topbar__mode-select{color:var(--ink-muted);align-items:center;gap:6px;padding:0 4px;font-size:12px;display:inline-flex}.topbar__mode-select select{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);padding:4px 6px;font-size:12px}.app--document-view .workspace{display:none}.app--document-view .doc-workspace-host{flex:1;min-width:0;min-height:0;display:flex}.doc-workspace-host,.visual-editor-host,.app--visual-view .workspace{display:none}.app--visual-view .visual-editor-host{flex:1;width:100%;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden}.app--visual-view{grid-template-rows:var(--topbar-h) minmax(0, 1fr)}.app--visual-view .promptbar{display:none}.ve{background:var(--paper);width:100%;min-width:0;max-width:100%;min-height:0;color:var(--ink);flex-direction:column;flex:1;font-size:12px;display:flex;overflow:hidden}.ve-toolbar,.ve-ai{border-bottom:1px solid var(--line);background:var(--paper-elevated);flex-shrink:0;align-items:center;gap:8px;min-height:36px;padding:4px 8px;display:flex}.ve-toolbar{flex-wrap:wrap}.ve-ai{border-bottom:0;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:6px;padding:6px 8px}.ve-toolbar button,.ve-layers button,.ve-props button,.ve-ai button{height:24px;color:var(--ink-muted);border:1px solid #0000;border-radius:4px;padding:0 8px;font-size:12px}.ve-toolbar button.is-on,.ve-layers button.is-on,.ve-props button.is-on{color:var(--ink);background:var(--paper);border-color:var(--line)}.ve-seg{border:1px solid var(--line);background:var(--panel-bg);border-radius:6px;align-items:center;gap:1px;padding:2px;display:inline-flex}.ve-seg button{height:22px}.ve-persist{align-items:center;gap:4px;min-width:0;margin-left:auto;display:inline-flex}.ve-persist input{border:1px solid var(--line);width:96px;height:24px;color:var(--ink);font:12px var(--font-mono);background:#fff;border-radius:4px;padding:0 6px}.ve-dirty{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;font-size:11px}.ve-dirty.is-on{color:var(--coral)}.ve-zoom{font-family:var(--font-mono);color:var(--ink-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.ve-ai__mode{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.ve-ready{font-family:var(--font-mono);color:var(--teal);font-size:11px}.ve-main{flex:1;grid-template-columns:220px minmax(0,1fr) 232px;min-width:0;min-height:0;display:grid}.ve-layers,.ve-props{background:var(--panel-bg);flex-direction:column;gap:8px;min-width:0;min-height:0;padding:8px;display:flex;overflow:auto}.ve-layers{border-right:1px solid var(--line)}.ve-props{border-left:1px solid var(--line)}.ve-panel__title,.ve-props__name{margin:0;font-size:12px;font-weight:600}.ve-panel__title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:11px}.ve-muted{color:var(--ink-faint);margin:0;line-height:1.4}.ve-layers__tree,.ve-layer-list,.ve-components{min-height:0;margin:0;padding:0;list-style:none}.ve-layers__tree{flex:1;overflow:auto}.ve-layer{cursor:pointer;border-radius:4px;align-items:center;gap:4px;height:24px;display:flex}.ve-layer--on{background:#00a49b1f}.ve-layer--hidden{opacity:.45}.ve-layer__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ve-layer__twist,.ve-layer__icon{width:16px;color:var(--ink-muted);flex-shrink:0;padding:0}.ve-layer__rename{border:1px solid var(--line);min-width:0;height:20px;font:inherit;border-radius:3px;flex:1;padding:0 4px}.ve-dom-toggle{color:var(--ink-muted);align-items:center;gap:6px;font-size:11px;display:flex}.ve-canvas{background:#e7e8e4;flex-direction:column;min-width:0;min-height:0;display:flex}.ve-crumbs{background:var(--paper-elevated);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:0;height:28px;padding:0 8px;display:flex;overflow:auto}.ve-crumbs button{height:22px;color:var(--ink-muted);white-space:nowrap;padding:0 2px;font-size:12px}.ve-stage{flex:1;min-width:0;min-height:0;position:relative;overflow:auto}.ve-frame{background:#fff;height:100%;min-height:320px;margin:0 auto;position:relative}.ve-iframe{background:#fff;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ve-debug{border-top:1px solid var(--line);background:var(--paper-elevated);height:28px;font-family:var(--font-mono);color:var(--ink-muted);flex-shrink:0;align-items:center;gap:12px;padding:0 8px;font-size:11px;display:flex;overflow:hidden}.ve-debug span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ve-field{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:6px;display:grid}.ve-field span{color:var(--ink-muted)}.ve-field input,.ve-ai input{border:1px solid var(--line);width:100%;height:24px;color:var(--ink);font:12px var(--font-mono);background:#fff;border-radius:4px;padding:0 6px}.ve-link{text-align:left;font-family:var(--font-mono);color:var(--ink-muted);word-break:break-all;height:auto;padding:4px 0;font-size:10px}.ve-ai__form{align-items:center;gap:6px;display:flex}.ve-ai__form input{flex:1}.ve-ai__diff{grid-template-columns:1fr 1fr auto;align-items:start;gap:6px;display:grid}.ve-ai__diff p{grid-column:1/-1;margin:0;font-weight:600}.ve-ai__diff pre{color:#f4f5f2;max-height:96px;font:10px/1.4 var(--font-mono);white-space:pre-wrap;background:#12151b;border-radius:4px;margin:0;padding:6px;overflow:auto}.ve-components li{align-items:center;height:24px;display:flex}.ve-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.ve-box{box-sizing:border-box;position:absolute}.ve-box--hover{background:#0078e61f;outline:1px dashed #0078e6}.ve-box--selection{background:#0f766e1a;outline:1.5px solid #0f766e}.ve-box__label{color:#fff;max-width:280px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;background:#0f766e;border-radius:3px;padding:1px 6px;font-size:11px;line-height:16px;position:absolute;top:-20px;left:0;overflow:hidden}.ve-box--hover .ve-box__label{background:#0078e6}.ve-box__label--inside{top:0}.ve-handle{box-sizing:border-box;background:#fff;border:1.5px solid #0f766e;width:7px;height:7px;position:absolute}.ve-handle--nw{top:-4px;left:-4px}.ve-handle--ne{top:-4px;right:-4px}.ve-handle--sw{bottom:-4px;left:-4px}.ve-handle--se{pointer-events:auto;cursor:nwse-resize;bottom:-4px;right:-4px}.ve-box--outline{outline:1px solid #12151b47}.ve-hand{pointer-events:auto;cursor:grab;position:absolute;inset:0}.visual-editor__debug{border-left:1px solid var(--line);background:var(--panel-bg);padding:12px;font-size:12px;overflow:auto}.visual-editor__debug-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px;font-size:11px}.visual-editor__debug dl{grid-template-columns:72px 1fr;gap:6px 8px;margin:0;display:grid}.visual-editor__debug dt{color:var(--ink-muted)}.visual-editor__debug dd{font-family:var(--font-mono);word-break:break-word;margin:0}.visual-editor__debug-empty{color:var(--ink-faint);margin:0;line-height:1.45}@media (width<=900px){.ve-main{grid-template-rows:148px minmax(220px,1fr) 168px;grid-template-columns:1fr}.ve-layers,.ve-props{border:0}.ve-layers{border-bottom:1px solid var(--line)}.ve-props{border-top:1px solid var(--line)}.ve-toolbar{flex-wrap:wrap;height:auto;padding:4px 8px}.ve-persist,.ve-zoom{margin-left:0}}.selection-overlay{z-index:5;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;position:absolute;inset:0}.selection-overlay--passthrough{pointer-events:none}.selection-overlay__mask{pointer-events:none;image-rendering:pixelated;position:absolute}.selection-status{z-index:6;color:#fff;pointer-events:none;background:#12151bc7;border-radius:999px;max-width:min(420px,100% - 24px);padding:6px 10px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.selection-panel{z-index:7;border-radius:var(--radius);border:1px solid var(--line);width:min(260px,100% - 24px);box-shadow:var(--shadow-md);cursor:default;background:#fffffff5;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:12px;left:12px}.selection-panel__title{font-family:var(--font-serif);font-size:15px;font-weight:600}.selection-panel__hint,.selection-panel__warn{color:var(--ink-muted);font-size:12px;line-height:1.35}.selection-panel__warn{color:var(--coral)}.selection-panel__field{color:var(--ink);flex-direction:column;gap:4px;font-size:12px;display:flex}.selection-panel__field input[type=range]{width:100%}.selection-panel__check{align-items:center;gap:6px;font-size:12px;display:flex}.selection-panel__modes,.selection-panel__choices,.selection-panel__row{flex-wrap:wrap;gap:4px;display:flex}.btn--tiny{height:26px;padding:0 8px;font-size:11px}.geometry-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.geometry-overlay__canvas{pointer-events:none;position:absolute}.geometry-overlay__status,.geometry-tree{z-index:6;border:1px solid var(--line);max-width:min(280px,100% - 24px);box-shadow:var(--shadow-sm);color:var(--ink);pointer-events:auto;background:#fffffff0;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;display:flex;position:absolute;right:12px}.geometry-overlay__status{top:12px}.geometry-tree{max-height:min(46vh,380px);top:96px;overflow:auto}.geometry-tree__title{margin:0;font-weight:650}.geometry-tree__empty{color:var(--ink-muted);margin:0}.geometry-tree__list{margin:2px 0 0;padding-left:16px}.geometry-tree__region>span{font-weight:600}.geometry-tree__text>span{color:var(--ink-muted)}.geometry-tree__raw{color:var(--ink-muted);align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.geometry-overlay__legend{color:var(--ink-muted);align-items:center;gap:6px;font-size:11px;display:flex}.geometry-overlay__swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.geometry-overlay__swatch--geo{background:#00a49b59;border:1px solid #0f766e}.geometry-overlay__swatch--text{background:#ff6b4a59;border:1px solid #c2410c}.topbar{height:var(--topbar-h);gap:12px;overflow:hidden}.tb{scrollbar-width:none;flex:auto;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.tb-group,.tb-seg{flex:none;align-items:center;gap:2px;display:inline-flex}.tb-name{text-overflow:ellipsis;white-space:nowrap;max-width:148px;color:var(--ink);padding:0 4px;font-size:12.5px;font-weight:650;overflow:hidden}.tb-rule{background:var(--line);flex:none;width:1px;height:16px}.tb-spacer{flex:auto;min-width:8px}.tb-btn,.tb-seg button{height:32px;color:var(--ink);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 7px;font-size:12.5px;font-weight:550;line-height:1;display:inline-flex}.tb-btn:hover:not(:disabled),.tb-seg button:hover:not(:disabled){background:#12151b0f}.tb-btn.is-on,.tb-seg button.is-on{color:#0757a8;background:#0078e61f}.tb-btn:disabled,.tb-seg button:disabled{opacity:1;color:#12151b61;cursor:not-allowed;background:0 0}.tb-btn--primary{color:#fff;background:#12151b;padding:0 12px}.tb-btn--primary:hover:not(:disabled){color:#fff;background:#2c313a}.tb-btn--icon{width:32px;padding:0}.tb-ico{flex:none;width:14px;height:14px}.tb-seg{background:#12151b0d;border-radius:8px;padding:2px}.tb-pill{color:#8a4b00;letter-spacing:.01em;white-space:nowrap;background:#fff1dc;border-radius:999px;flex:none;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.tb-pill--edit{color:#0d6b45;background:#e5f6ee}.tb-status{color:var(--ink-muted);white-space:nowrap;flex:none;font-size:12px}.tb-status--saved{color:#0d6b45}.tb-status--error{color:#b42318}.tb-pop{flex:none;position:relative}.tb-menu{z-index:40;border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow-md);background:#fff;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.tb-menu button{text-align:left;width:100%;height:32px;color:var(--ink);white-space:nowrap;border-radius:6px;padding:0 8px;font-size:13px}.tb-menu button:hover:not(:disabled){background:#12151b0d}.tb-menu button:disabled{opacity:1;color:#12151b61;cursor:not-allowed}.tb-menu__sep{background:var(--line);height:1px;margin:4px 0}.tb-menu__check{white-space:nowrap;align-items:center;gap:8px;height:32px;padding:0 8px;font-size:13px;display:flex}.tb-menu__check select{border:1px solid var(--line);height:26px;font:inherit;background:#fff;border-radius:6px;margin-left:auto;font-size:12px}@media (width<=1520px){.tb-group[aria-label="Herramientas de imagen"] .tb-label,.topbar__site,.topbar__sep{display:none}}@media (width<=1180px){.tb-label{display:none}.tb-btn--primary .tb-label,.tb-pill{display:inline-flex}.tb-name{max-width:72px}}.app--readonly .visual-editor-host,.app--readonly .doc-workspace-host{pointer-events:none}.share-dialog{background:0 0;border:none;max-width:calc(100vw - 32px);padding:0}.share-dialog::backdrop{background:#12151b73}.share-dialog__panel{border:1px solid var(--line);width:min(440px,100vw - 32px);box-shadow:var(--shadow-md);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.share-dialog__header,.share-dialog__footer,.share-dialog__revoke{justify-content:space-between;align-items:center;gap:8px;display:flex}.share-dialog__header h2{font-size:16px;font-weight:650}.share-dialog__copy{color:var(--ink-muted);font-size:13px}.share-dialog__field{flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.share-dialog__field input{border:1px solid var(--line);height:32px;font:inherit;border-radius:6px;padding:0 8px;font-weight:500}.share-dialog__error{color:#b42318;font-size:13px}.promptbar__field-input{white-space:nowrap}.promptbar__actions .btn{white-space:nowrap;height:32px}.promptbar .btn:disabled,.promptbar__field-input:disabled,.promptbar__textarea:disabled{opacity:1;color:#12151b73;cursor:not-allowed}.promptbar .btn--accent:disabled{color:#12151b8c;background:#e6e8ec;border-color:#e6e8ec}.sheet-toggles,.sheet-backdrop{display:none}@media (width>=769px) and (width<=1180px){:root{--sidebar-w:216px}.panel__header{height:44px}.panel--collapsed{width:44px}.panel .btn--icon{width:40px;height:40px}}@media (width<=768px){:root{--topbar-h:96px}.topbar{flex-wrap:wrap;align-content:center;gap:4px 8px;padding:6px 8px;overflow:hidden}.topbar__brand{flex:auto;min-width:0;max-width:100%;height:40px;overflow:hidden}.topbar__logo{width:32px;height:32px}.topbar__title{font-size:15px}.tb{overscroll-behavior-x:contain;flex:100%;max-width:100%;height:40px}.tb-name,.tb-status,.tb-rule{display:none}.tb-btn,.tb-seg button{min-width:40px;height:40px}.tb-btn--icon{width:40px}.tb-btn--primary{z-index:2;min-width:40px;box-shadow:-10px 0 10px var(--paper-elevated);position:sticky;right:0}.tb-menu{max-width:calc(100vw - 16px);max-height:min(60vh,360px);overflow:auto}.tb-menu button,.tb-menu__check{height:auto;min-height:40px}.workspace{flex-direction:column;min-width:0;display:flex;position:relative}.canvas{flex:auto;width:100%;min-width:0}.canvas__empty--overlay{width:calc(100% - 24px);max-width:none;padding:16px}.canvas__empty-title{font-size:22px}.panel{z-index:45;border:0;border-radius:16px 16px 0 0;width:100%;height:auto;max-height:min(72vh,560px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #12151b2e}.panel:before{content:"";background:#12151b38;border-radius:999px;flex:none;width:36px;height:4px;margin:8px auto 0;display:block}.panel--collapsed{display:none}.panel__header{height:44px}.panel .btn--icon,.layers-list__item{min-height:40px}.panel .btn--icon{width:40px;height:40px}.sheet-toggles{border-top:1px solid var(--line);background:var(--paper-elevated);flex:none;gap:8px;padding:8px;display:flex}.sheet-toggles button{border:1px solid var(--line);height:40px;color:var(--ink);background:#fff;border-radius:8px;flex:1 1 0;font-size:13px;font-weight:650}.sheet-toggles button.is-on{color:#fff;background:#12151b;border-color:#12151b}.workspace:has(.panel:not(.panel--collapsed)) .sheet-backdrop{z-index:40;background:#12151b6b;border:0;display:block;position:fixed;inset:0}.promptbar,.promptbar--expanded{min-width:0;max-width:100%;max-height:42vh;padding:8px 10px;overflow:hidden auto}.promptbar__meta-row,.promptbar__instr-row{flex-direction:column;align-items:stretch;min-width:0}.promptbar__field{flex:100%;width:100%;min-width:0}.promptbar__field-input,.promptbar__textarea{width:100%;max-width:100%}.promptbar__field-input{height:40px}.promptbar__textarea{min-height:88px;max-height:140px}.promptbar--expanded .promptbar__actions{width:100%}.promptbar__actions .btn{flex:calc(50% - 6px);max-width:100%;height:40px;min-height:40px}.share-dialog__field input,.share-dialog__footer .btn,.share-dialog__header .btn{height:40px;min-height:40px}.doc-workspace__body{flex-direction:column}.doc-workspace__layers,.doc-workspace__inspector{border-left:0;border-right:0;border-bottom:1px solid var(--line);width:100%;max-height:30vh}}