.editor-launch,.editor-bar,.editor-panel{font:14px/1.5 'Segoe UI',Arial,sans-serif;color:#203a30;background:#f4f0e8;border:1px solid #aaa99a;box-shadow:0 8px 35px #203a3026}
.editor-launch{position:fixed;bottom:24px;right:24px;z-index:40;padding:12px 22px;border-radius:8px;font-weight:600;min-height:44px}
.editor-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;gap:10px;align-items:center;padding:12px 20px;flex-wrap:wrap}
.editor-bar button,.editor-panel button{background:#f4f0e8;color:#203a30;border:1px solid #8b9588;border-radius:5px;padding:9px 12px;min-height:44px;font:inherit}
.editor-bar .editor-save{background:#203a30;color:#f4f0e8;border-color:#203a30}
.editor-bar .editor-status{flex:1;min-width:140px;font-size:13px;white-space:pre-line}
.editor-panel{position:fixed;right:16px;top:108px;bottom:90px;width:min(390px,calc(100% - 32px));z-index:90;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}
.editor-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #c3c5b9;gap:10px}
.editor-panel h2{font:600 18px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:0}
.editor-panel nav{display:flex;gap:6px;flex-wrap:wrap;padding:12px;border-bottom:1px solid #c3c5b9}
.editor-panel nav button{font-size:12px;padding:6px 9px}
.editor-panel nav button[aria-pressed=true]{background:#203a30;color:#f4f0e8}
.editor-fields{overflow:auto;padding:16px;overscroll-behavior:contain}
.editor-fields label{display:block;margin-bottom:15px;font-size:13px;font-weight:600}
.editor-fields input:not([type=checkbox]),.editor-fields textarea,.editor-fields select{display:block;width:100%;margin-top:6px;background:#fffdf7;color:#203a30;border:1px solid #8b9588;border-radius:4px;padding:9px;font:400 14px/1.5 'Segoe UI',Arial,sans-serif;min-height:44px}
.editor-fields textarea{resize:vertical;min-height:84px}
.editor-fields input[type=color]{height:44px;padding:4px}.editor-fields input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:9px}
.editor-fields p{margin:0 0 14px;font-size:13px}.editor-fields details{border:1px solid #c3c5b9;padding:12px;margin-bottom:12px;border-radius:5px}.editor-fields summary{cursor:pointer;font-weight:600;min-height:32px}.editor-fields details[open] summary{margin-bottom:14px}
.editor-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 16px}.editor-help{color:#475949;font-size:12px;margin-top:6px}.editor-panel img{height:120px;object-fit:cover;border-radius:4px;margin-bottom:12px}
.editing{padding-bottom:90px}.editing:not(.editor-browsing) [contenteditable=true]{outline:1px dashed #96492f88;outline-offset:3px;cursor:text}.editing:not(.editor-browsing) [contenteditable=true]:focus{outline:2px solid #96492f}.editing:not(.editor-browsing) [data-image],.editing:not(.editor-browsing) .project,.editing:not(.editor-browsing) .gallery-card{outline:1px dashed #96492f;outline-offset:4px;cursor:pointer}
.editor-bar button:focus-visible,.editor-panel button:focus-visible,.editor-panel input:focus-visible,.editor-panel textarea:focus-visible,.editor-panel select:focus-visible{outline:3px solid #96492f;outline-offset:3px}
.editor-bar button:disabled,.editor-panel button:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){.editor-panel{top:86px;bottom:164px;right:10px;width:calc(100% - 20px)}.editor-bar{padding:10px;gap:6px}.editor-bar .editor-status{flex-basis:100%;order:-1}.editing{padding-bottom:164px}.editor-launch{bottom:16px;right:16px}}

.editor-bar select{font:inherit;background:#fffdf7;color:#203a30;padding:9px 12px;min-height:44px;border:1px solid #8b9588;border-radius:5px;max-width:160px}
.editor-bar select:focus-visible{outline:3px solid #96492f;outline-offset:3px}
.editor-panel{bottom:calc(var(--editor-bar-height,90px) + 14px)}.editing{padding-bottom:calc(var(--editor-bar-height,90px) + 14px)}
.editor-page-button{display:block;width:100%;margin-bottom:10px;text-align:left}
.editing:not(.editor-browsing) [data-decoration]:not([hidden]){outline:1px dashed #96492f;outline-offset:3px;cursor:pointer}
.editor-bar button[aria-pressed=true]{background:#203a30;color:#f4f0e8}

.editor-project-tags{margin:12px 0;padding:12px;border:1px solid #d1d1c3;border-radius:4px}
.editor-project-tags legend{padding:0 4px;font-weight:600}
.editor-sort-list summary{display:flex;align-items:center;gap:10px}
.editor-sort-list summary>span{min-width:0;overflow-wrap:anywhere}
.editor-panel .editor-drag-handle{flex-shrink:0;cursor:grab;touch-action:none;user-select:none;font-size:12px;padding:6px 9px;min-width:44px}
.editor-panel .editor-drag-handle:active{cursor:grabbing}
.editor-sort-list [data-drop-position=before]{box-shadow:0 -4px 0 #96492f}
.editor-sort-list [data-drop-position=after]{box-shadow:0 4px 0 #96492f}
.editor-sort-dragging{opacity:.5}
.editor-dragging{user-select:none}
.editor-sort-ghost{position:fixed;pointer-events:none;z-index:120;max-width:280px;padding:12px 16px;background:#203a30;color:#f4f0e8;border-radius:5px;box-shadow:0 8px 25px #203a3040;font:600 14px/1.4 'Segoe UI',Arial,sans-serif}
.editing .project,.editing .gallery-card{position:relative}
.editor-page-drag{position:absolute;top:10px;left:10px;z-index:5;min-height:44px;padding:10px 14px;border:1px solid #203a30;border-radius:4px;background:#f4f0e8;color:#203a30;font:600 12px/1.4 'Segoe UI',Arial,sans-serif;cursor:grab;touch-action:none;user-select:none}
.editor-page-drag:active{cursor:grabbing}
.editor-sort-grid [data-drop-position=before]{box-shadow:-4px 0 0 #96492f}
.editor-sort-grid [data-drop-position=after]{box-shadow:4px 0 0 #96492f}
body.mobile-preview-open{overflow:hidden}
dialog.editor-device-dialog{width:min(1040px,calc(100vw - 32px));height:calc(100dvh - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #8b9588;border-radius:12px;background:#f4f0e8;color:#203a30;overflow:hidden}
dialog.editor-device-dialog[open]{display:flex;flex-direction:column}
.editor-device-dialog::backdrop{background:#102119b3}
.editor-device-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #c3c5b9}
.editor-device-header h2{font:600 20px/1.4 'Segoe UI',Arial,sans-serif;margin:0;letter-spacing:0}
.editor-device-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.editor-device-controls label{font:600 13px/1.5 'Segoe UI',Arial,sans-serif}
.editor-device-controls select,.editor-device-controls button{font:14px/1.4 'Segoe UI',Arial,sans-serif;min-height:44px;padding:9px 12px;border:1px solid #8b9588;border-radius:5px;background:#fffdf7;color:#203a30}
.editor-device-controls button:focus-visible,.editor-device-controls select:focus-visible{outline:3px solid #96492f;outline-offset:3px}
.editor-device-note{margin:0;padding:12px 20px;font:13px/1.5 'Segoe UI',Arial,sans-serif}
.editor-device-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#d8d6cc}
.editor-device-phone{position:absolute;left:50%;top:50%;padding:8px;background:#203a30;border-radius:22px;box-shadow:0 12px 32px #203a3050;transform-origin:center}
.editor-device-phone iframe{display:block;max-width:none;max-height:none;border:0;border-radius:15px;background:#ece6da}
@media(max-width:600px){dialog.editor-device-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.editor-device-header{padding:12px}.editor-device-note{padding:8px 12px}.editor-device-controls{gap:6px}}
dialog.editor-background-dialog{width:min(1440px,calc(100vw - 32px))}
.editor-background-choices{display:flex;gap:10px;padding:12px 20px 0;flex-wrap:wrap}
.editor-background-choices button{flex:1;min-width:100px;padding:8px;border:1px solid #8b9588;border-radius:6px;background:#fffdf7;color:#203a30;font:600 12px/1.4 'Segoe UI',Arial,sans-serif}
.editor-background-choices button::before{content:'';display:block;height:26px;margin-bottom:6px;border-radius:3px;background:#ece6da}
.editor-background-choices [data-background-choice=simple]::before{background:linear-gradient(120deg,#f5eddf,#e3cbb2,#e3e8d6)}
.editor-background-choices [data-background-choice=layered]::before{background:repeating-radial-gradient(ellipse at right bottom,transparent 0 6px,#436e633b 7px 8px),linear-gradient(110deg,#efe4d4,#b6c7b0)}
.editor-background-choices [data-background-choice=cyberpunk]::before{background:linear-gradient(115deg,#120c2d,#832e81,#126b80)}
.editor-background-choices [data-background-choice=stars]::before{background:radial-gradient(circle at 20% 25%,white 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,white 0 1px,transparent 2px),linear-gradient(125deg,#070f1f,#294863)}
.editor-background-choices button[aria-pressed=true]{outline:2px solid #96492f;outline-offset:1px}
.editor-background-stage{flex:1;min-height:0;overflow:hidden;background:#d8d6cc;display:flex;justify-content:center}
.editor-background-stage iframe{display:block;width:100%;height:100%;border:0;background:#ece6da}
.editor-background-stage.phone-view iframe{width:min(390px,calc(100% - 12px));max-width:none;border-left:6px solid #203a30;border-right:6px solid #203a30;box-sizing:content-box}

.editor-original-download{display:inline-block;margin:8px 0 16px;padding:10px 12px;min-height:44px;border:1px solid #8b9588;border-radius:5px;text-decoration:underline;text-underline-offset:3px}
.gallery-image img,#lightbox-photo,.hero-image img,.photo-teaser-image img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
dialog.editor-launch-dialog{height:auto;max-height:calc(100dvh - 32px);width:min(900px,calc(100vw - 32px))}.editor-launch-body{padding:20px;overflow:auto;font:14px/1.6 'Segoe UI',Arial,sans-serif}.editor-launch-body p,.editor-launch-body ol{margin-bottom:18px}.editor-launch-body li{margin:10px 0}.editor-launch-body ol{padding-left:22px}.editor-launch-body a{display:inline-block;min-height:44px;padding:10px 14px;margin-bottom:16px;border:1px solid #8b9588;border-radius:5px;text-decoration:underline}.editor-launch-body button{min-height:44px;padding:10px 14px;background:#203a30;color:#f4f0e8;border:1px solid #203a30;border-radius:5px}.editor-launch-body h3{font:600 18px/1.5 'Segoe UI',Arial,sans-serif;margin-bottom:8px}.editor-domain-records{overflow-x:auto;margin-bottom:16px}.editor-domain-records table{width:100%;border-collapse:collapse;font:13px/1.5 'Segoe UI',Arial,sans-serif;table-layout:fixed}.editor-domain-records caption{text-align:left;margin-bottom:12px}.editor-domain-records th,.editor-domain-records td{text-align:left;vertical-align:top;border:1px solid #c3c5b9;padding:10px;overflow-wrap:anywhere;user-select:text}.editor-domain-records th:first-child{width:65px}.editor-domain-records th:nth-child(2){width:30%}.editor-launch-body :is(button,a):focus-visible{outline:3px solid #96492f;outline-offset:3px}
.editor-launch-dialog .editor-device-header button{min-height:44px;padding:10px 14px;background:#f4f0e8;color:#203a30;border:1px solid #8b9588;border-radius:5px}