.doc-app-modal-backdrop{z-index:150;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--color-overlay-heavy);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.doc-app-modal{z-index:1;border:1px solid var(--color-border-default);background:var(--color-surface);width:min(480px,100%);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-xl,0 24px 60px #1f1e1c38);border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden}.doc-app-modal-dismiss{cursor:default;background:0 0;border:0;position:absolute;inset:0}.doc-app-modal-wide{width:min(1320px,100%)}.doc-app-modal-header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;height:64px;padding:0 16px 0 24px;display:flex}.doc-app-modal-header h2{color:var(--color-text-heading);font-family:var(--font-ui);margin:0;font-size:1.0625rem;font-weight:600;line-height:1.4}.doc-app-modal-close{margin-right:-8px}.doc-app-modal-footer{border-top:1px solid var(--color-border-default);background:var(--color-canvas);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.generator-body{padding:22px 24px}.generator-body p{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.5}.generator-error{border:1px solid var(--color-border-error);border-radius:var(--radius-ui);background:var(--color-hover-error,color-mix(in srgb, var(--color-text-error) 10%, transparent));padding:10px 12px;color:var(--color-text-error)!important;margin-top:14px!important;font-size:.875rem!important}.drawing-shell{border:1px solid var(--color-border-default);background:var(--color-canvas-subtle);border-radius:10px;margin:16px 24px 0;overflow:hidden}.drawing-toolbar{border-bottom:1px solid var(--color-border-muted);background:var(--color-surface);align-items:center;gap:8px;padding:8px 10px;display:flex}.drawing-toolbar button{width:32px;height:32px;color:var(--color-text-tertiary);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.drawing-toolbar button:hover,.drawing-toolbar button.active{background:var(--color-text-heading);color:var(--color-surface)}.drawing-divider{background:var(--color-border-subtle);width:1px;height:24px}.color-strip{align-items:center;gap:6px;display:flex}.color-strip .color-swatch{background:var(--swatch);border:2px solid #0000;border-radius:999px;width:22px;height:22px}.color-strip .color-swatch.active{border-color:var(--color-surface);box-shadow:0 0 0 2px var(--color-text-heading)}.stroke-slider{color:var(--color-text-tertiary);align-items:center;gap:8px;margin-left:6px;font-size:12px;font-weight:600;display:flex}.stroke-slider input{width:96px;accent-color:var(--color-text-heading)}.drawing-canvas-frame{width:min(100%, var(--drawing-canvas-width,1200px));background:#fff;position:relative}.drawing-canvas{touch-action:none;cursor:crosshair;background:#fff;width:100%;height:auto;max-height:min(62vh,680px);display:block}.drawing-canvas.crop-cursor{cursor:crosshair}.crop-selection{pointer-events:none;border:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);position:absolute;box-shadow:0 0 0 9999px #11182714}.doc-app-existing-view{max-height:min(700px,72vh);margin:16px 24px 0;overflow:auto}.doc-app-existing-view .doc-app{margin:0}.doc-app-existing-view .doc-app-mindmap .doc-app-map-viewport{height:min(620px,62vh)}@media (max-width:720px){.doc-app-modal-backdrop{align-items:stretch;padding:10px}.doc-app-modal{max-height:calc(100dvh - 20px)}.doc-app-modal-header{padding-left:18px}.drawing-shell,.doc-app-existing-view{margin-inline:16px}.generator-body{padding:18px 18px 20px}.doc-app-modal-footer{padding:12px 16px}.drawing-toolbar{flex-wrap:wrap}.stroke-slider input{width:88px}}