:root{--color-primary: #111;--color-green: #00C853;--color-gray: #9E9E9E;--color-bg: #f5f5f5;--color-white: #ffffff;--color-border: #e0e0e0;--color-text: #333333;--color-text-light: #666666;--color-danger: #d32f2f;--color-badge-green-bg: #e8f5e9;--color-badge-green-text: #2e7d32;--color-badge-gray-bg: #f5f5f5;--color-badge-gray-text: #757575;--radius: 6px;--radius-sm: 4px;--shadow: 0 1px 4px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:14px}input,textarea{font-family:inherit;font-size:14px}.login-overlay{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:24px}.login-card{background:var(--color-white);border-radius:var(--radius);box-shadow:0 4px 24px #0000001a;width:100%;max-width:380px;padding:40px 32px}.login-title{font-size:20px;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:28px}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.login-label{font-size:13px;font-weight:600;color:var(--color-text)}.login-input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:border-color .15s}.login-input:focus{border-color:var(--color-primary)}.login-error{color:#d32f2f;font-size:12px;text-align:center;margin-bottom:12px}.login-btn{width:100%;padding:12px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:8px}.login-btn:hover{opacity:.85}@media(max-width:768px){.login-card{padding:32px 20px}}.preview-panel{display:flex;flex-direction:column;height:100%}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.preview-title{font-size:15px;font-weight:600}.preview-hint{font-size:12px;color:var(--color-gray)}.preview-frame-wrapper{flex:1;background:#fff;overflow:hidden}.preview-frame{width:100%;height:100%;border:none}@media screen and (max-width:768px){.preview-panel{height:auto}.preview-frame-wrapper{overflow:visible}.preview-frame{display:block;overflow:hidden}}.output-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:300;padding:24px}.output-modal{background:var(--color-white);border-radius:var(--radius);width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0003;overflow:hidden}.output-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.output-modal-title-group{display:flex;flex-direction:column;gap:2px}.output-modal-label{font-size:11px;color:var(--color-gray);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.output-modal-name{font-size:16px;font-weight:700;color:var(--color-text)}.output-modal-actions{display:flex;align-items:center;gap:8px}.output-modal-close{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-light)}.output-modal-close:hover{background:var(--color-bg)}.output-modal-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.output-step{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.output-step-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f8f9fa;border-bottom:1px solid var(--color-border)}.output-step-title{display:flex;align-items:center;gap:8px}.output-step-badge{background:var(--color-primary);color:var(--color-white);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.output-step-label{font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap}.output-step-desc{flex:1;font-size:12px;color:var(--color-text-light);min-width:0}.btn-copy{background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:6px 16px;font-size:12px;font-weight:600;min-width:100px;transition:opacity .15s;white-space:nowrap;flex-shrink:0}.btn-copy:hover{opacity:.85}.output-code{display:block;padding:16px 20px;font-family:Courier New,Courier,monospace;font-size:12.5px;line-height:1.7;color:#d4d4d4;background:#1e1e1e;white-space:pre;overflow-x:auto;max-height:240px}.output-modal-footer{padding:10px 20px;border-top:1px solid var(--color-border);background:#fafafa;flex-shrink:0}.output-hint{font-size:12px;color:var(--color-text-light)}@media(max-width:768px){.output-overlay{padding:0;align-items:stretch}.output-modal{max-width:100%;max-height:100vh;border-radius:0;height:100vh}.output-modal-header{padding:12px 16px}.output-modal-name{font-size:14px}.output-modal-body{padding:12px;gap:12px}.output-step-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.output-step-title{order:1}.output-step-desc{display:none}.btn-copy{order:2;margin-left:auto}.output-code{padding:12px;font-size:11px;max-height:180px}.output-modal-footer{padding:10px 16px}}.header{background:var(--color-primary);color:var(--color-white);height:52px;display:flex;align-items:center;position:sticky;top:0;z-index:100}.header-inner{max-width:1400px;width:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header-logo{font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--color-white);text-decoration:none}.header-nav{display:flex;align-items:center;gap:4px}.header-nav-link{color:#ffffffb3;font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);text-decoration:none;transition:background .15s,color .15s}.header-nav-link:hover{background:#ffffff1f;color:var(--color-white)}.header-nav-link--active{background:#ffffff2e;color:var(--color-white)}.header-logout{color:#ffffffb3;font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);background:none;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:background .15s,color .15s;margin-left:8px}.header-logout:hover{background:#ffffff1f;color:var(--color-white)}.lp-list-page{min-height:100vh;display:flex;flex-direction:column}.lp-list-main{max-width:1000px;width:100%;margin:0 auto;padding:32px 24px;flex:1}.lp-list-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.lp-list-title{font-size:22px;font-weight:700;margin-bottom:4px}.lp-list-sub{font-size:13px;color:var(--color-text-light)}.btn-primary{background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:10px 20px;font-weight:600;font-size:14px;transition:opacity .15s}.btn-primary:hover{opacity:.85}.lp-search-row{margin-bottom:16px}.lp-search{width:100%;max-width:360px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:9px 14px;background:var(--color-white);color:var(--color-text)}.lp-search:focus{outline:none;border-color:var(--color-primary)}.lp-table-wrapper{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.lp-table{width:100%;border-collapse:collapse}.lp-table thead tr{background:#fafafa;border-bottom:1px solid var(--color-border)}.lp-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.lp-table td{padding:14px 16px;border-bottom:1px solid var(--color-border);font-size:14px}.lp-table tbody tr:last-child td{border-bottom:none}.lp-table-row{cursor:pointer;transition:background .1s}.lp-table-row:hover{background:#f9f9f9}.lp-name-cell{font-weight:500}.lp-date-cell{color:var(--color-text-light);font-size:13px}.lp-table-empty{text-align:center;color:var(--color-gray);padding:48px!important}.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge--green{background:var(--color-badge-green-bg);color:var(--color-badge-green-text)}.status-badge--gray{background:var(--color-badge-gray-bg);color:var(--color-badge-gray-text);border:1px solid var(--color-border)}.lp-menu-cell{width:48px;text-align:center}.menu-wrapper{position:relative;display:inline-block}.menu-btn{background:none;border:none;color:var(--color-gray);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.menu-btn .material-symbols-outlined{font-size:20px}.menu-btn:hover{background:var(--color-bg);color:var(--color-text)}.dropdown-menu{position:absolute;right:0;top:100%;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f;min-width:120px;z-index:50;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:9px 14px;text-align:left;font-size:13px;color:var(--color-text);transition:background .1s}.dropdown-item .material-symbols-outlined{font-size:17px;color:var(--color-gray);flex-shrink:0}.dropdown-item--danger .material-symbols-outlined{color:var(--color-danger)}.dropdown-item:hover{background:var(--color-bg)}.dropdown-item--danger{color:var(--color-danger)}.dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}@media screen and (max-width:768px){.lp-list-main{padding:20px 16px}.lp-list-top{flex-direction:column;gap:14px;margin-bottom:16px}.btn-primary{width:100%;text-align:center}.lp-search{max-width:100%}.lp-table-wrapper{border:none;background:transparent;box-shadow:none}.lp-table thead{display:none}.lp-table,.lp-table tbody,.lp-table tr,.lp-table td{display:block;width:100%}.lp-table-row{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.lp-table td{padding:0;border:none;font-size:13px}.lp-name-cell{font-size:15px}.lp-date-cell:before{content:attr(data-label) "：";color:var(--color-gray);font-size:11px}.lp-menu-cell{width:100%;text-align:right}.lp-table-empty{padding:32px!important}}.lp-footer{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:var(--color-text-light)}.lp-footer-sep{color:var(--color-border)}.html-section{display:flex;flex-direction:column;gap:6px}.html-textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;resize:vertical;font-size:12px;font-family:Courier New,Courier,monospace;line-height:1.6;color:var(--color-text);background:var(--color-white)}.html-textarea:focus{outline:none;border-color:var(--color-primary)}.html-textarea--expanded{height:800px}.html-section-header{display:flex;align-items:center;justify-content:space-between}.ml-backdrop{position:fixed;inset:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center}.ml-modal{background:#fff;border-radius:10px;width:min(900px,95vw);height:min(640px,90vh);display:flex;flex-direction:column;box-shadow:0 8px 40px #00000040;overflow:hidden}.ml-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.ml-title{font-size:15px;font-weight:600;color:#222}.ml-header-actions{display:flex;align-items:center;gap:10px}.ml-upload-btn{display:inline-flex;align-items:center;padding:7px 16px;background:var(--color-primary, #1a73e8);color:#fff;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}.ml-upload-btn:hover{opacity:.85}.ml-upload-btn.ml-uploading{opacity:.6;cursor:default}.ml-close-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:#666;font-size:16px;border-radius:6px;cursor:pointer;transition:background .15s}.ml-close-btn:hover{background:#f0f0f0}.ml-body{flex:1;overflow-y:auto;padding:16px 20px}.ml-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;gap:6px}.ml-empty p{margin:0;font-size:14px}.ml-empty-hint{font-size:12px!important;color:#bbb!important}.ml-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.ml-item{position:relative;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .15s;background:#f8f8f8}.ml-item:hover{border-color:#aaa}.ml-item-selected{border-color:var(--color-primary, #1a73e8)!important}.ml-thumb{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#e8e8e8}.ml-item-info{padding:5px 8px;background:#fff}.ml-item-name{display:block;font-size:11px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-item-size{display:block;font-size:10px;color:#999}.ml-delete-btn{position:absolute;top:5px;right:5px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;border:none;border-radius:50%;font-size:10px;cursor:pointer;opacity:0;transition:opacity .15s}.ml-item:hover .ml-delete-btn{opacity:1}.ml-delete-btn:hover{background:#c81e1ecc}.ml-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;background:#1a73e859;pointer-events:none}.ml-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #e0e0e0;flex-shrink:0;gap:12px}.ml-selected-name{font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ml-footer-actions{display:flex;gap:8px;flex-shrink:0}.ml-cancel-btn{padding:8px 18px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;color:#555;cursor:pointer;transition:border-color .15s}.ml-cancel-btn:hover{border-color:#999}.ml-confirm-btn{padding:8px 20px;border:none;border-radius:6px;background:var(--color-primary, #1a73e8);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.ml-confirm-btn:disabled{opacity:.4;cursor:default}.ml-confirm-btn:not(:disabled):hover{opacity:.85}@media screen and (max-width:768px){.ml-modal{width:100%;height:100dvh;border-radius:0}.ml-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.ml-footer{flex-direction:column;align-items:stretch;gap:8px}.ml-footer-actions{width:100%;justify-content:stretch}.ml-cancel-btn,.ml-confirm-btn{flex:1}}.image-section{display:flex;flex-direction:column;gap:10px}.image-field{display:flex;flex-direction:column;gap:6px}.image-preview{width:100%;max-height:120px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.cta-section{display:flex;flex-direction:column;gap:10px}.cta-field{display:flex;flex-direction:column;gap:6px}.text-input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:7px 10px;color:var(--color-text);background:var(--color-white)}.text-input:focus{outline:none;border-color:var(--color-primary)}.color-row{display:flex;align-items:center;gap:10px}.color-picker{width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:none}.color-value{font-size:12px;color:var(--color-text-light);font-family:monospace}.cta-preview-btn{padding:6px 16px;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:600;margin-left:auto}.video-section{display:flex;flex-direction:column;gap:12px}.video-field{display:flex;flex-direction:column;gap:6px}.section-label{font-size:12px;color:var(--color-text-light);font-weight:500}.file-input{display:none}.file-upload-label{display:inline-flex;cursor:pointer}.file-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text);transition:border-color .15s}.file-upload-btn .material-symbols-outlined{font-size:16px;color:var(--color-text-light)}.file-upload-btn:hover{border-color:var(--color-primary)}.video-preview{width:100%;max-height:140px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#000}.video-checkboxes{display:flex;gap:20px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;color:var(--color-text)}.checkbox-label input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--color-primary)}.video-note{font-size:11px;color:var(--color-gray);background:#fffde7;padding:6px 10px;border-radius:var(--radius-sm);border-left:3px solid #f9a825}.video-source-tabs{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;width:fit-content}.video-source-tab{padding:6px 16px;font-size:13px;font-weight:500;background:var(--color-white);border:none;color:var(--color-text-light);cursor:pointer;transition:background .15s,color .15s}.video-source-tab+.video-source-tab{border-left:1px solid var(--color-border)}.video-source-tab--active{background:var(--color-primary);color:var(--color-white)}.video-embed-input{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.5;outline:none;resize:vertical;transition:border-color .15s}.video-embed-input:focus{border-color:var(--color-primary)}.video-youtube-thumb{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.video-youtube-thumb-img{width:100%;display:block}.video-youtube-thumb-badge{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.video-note--ok{background:#e8f5e9;border-left-color:#43a047}.section-editor{display:flex;flex-direction:column}.section-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.section-editor-title{font-size:15px;font-weight:600}.btn-add-section{background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:500;transition:opacity .15s}.btn-add-section:hover{opacity:.85}.section-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.section-empty{color:var(--color-gray);text-align:center;margin-top:40px;font-size:13px}.section-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.section-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fafafa;border-bottom:1px solid var(--color-border)}.section-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px}.section-type-badge .material-symbols-outlined{font-size:13px}.section-type-badge--html{background:#e3f2fd;color:#1565c0}.section-type-badge--image{background:#f3e5f5;color:#6a1b9a}.section-type-badge--video{background:#fce4ec;color:#880e4f}.section-type-badge--cta{background:#e8f5e9;color:#2e7d32}.section-type-badge--css{background:#fff3e0;color:#e65100}.section-card-actions{display:flex;gap:4px}.icon-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--color-text);transition:background .1s}.icon-btn .material-symbols-outlined{font-size:16px}.icon-btn:hover:not(:disabled){background:var(--color-bg)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn--danger:hover{color:var(--color-danger);border-color:var(--color-danger)}.section-toggle-icon{font-size:18px;color:var(--color-text-light);transition:transform .2s}.section-toggle-icon--collapsed{transform:rotate(-90deg)}.section-card--collapsed .section-card-header{border-bottom:none}.section-card-body{padding:14px}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--color-white);border-radius:var(--radius);padding:24px;width:320px;box-shadow:0 8px 32px #00000026}.modal-title{font-size:16px;font-weight:600;margin-bottom:18px}.modal-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.modal-option-btn{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 16px;font-size:14px;font-weight:500;text-align:left;transition:border-color .15s,background .15s}.modal-option-btn:hover{border-color:var(--color-primary);background:#fafafa}.modal-option-icon{font-size:22px;width:24px;text-align:center;line-height:1}.modal-close{width:100%;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:9px;font-size:13px;color:var(--color-text-light)}.modal-close:hover{background:var(--color-bg)}@media screen and (max-width:768px){.section-editor-header{padding:12px 14px}.section-list{padding:12px;gap:10px}.modal{width:min(320px,92vw);padding:20px 16px}}.lp-detail-page{display:flex;flex-direction:column;min-height:100dvh}.lp-detail-subheader{display:flex;align-items:center;gap:16px;padding:10px 24px;background:var(--color-white);border-bottom:1px solid var(--color-border);flex-shrink:0}@media screen and (max-width:768px){.lp-detail-subheader{flex-direction:column;align-items:stretch;gap:6px;padding:10px 14px}.back-link{font-size:12px}.lp-detail-name-row{width:100%;flex-wrap:wrap}.lp-name-input{max-width:100%;font-size:15px;flex:1;min-width:0}.lp-detail-actions{width:100%;flex-direction:column;gap:6px}.lp-action-btns{display:flex;gap:8px;width:100%}.btn-save{min-width:unset;font-size:12px;padding:8px 14px;flex-shrink:0}.btn-ecforce{min-width:unset;flex:1;font-size:12px;padding:8px 10px}.sp-tab-toggle{align-self:flex-start}}.back-link{font-size:13px;color:var(--color-text-light);white-space:nowrap;transition:color .15s}.back-link:hover{color:var(--color-primary)}.lp-detail-name-row{flex:1;display:flex;align-items:center;gap:10px}.lp-name-input{width:100%;max-width:400px;border:1px solid transparent;border-radius:var(--radius-sm);padding:6px 10px;font-size:16px;font-weight:600;color:var(--color-text);background:transparent;transition:border-color .15s,background .15s}.lp-name-input:hover{border-color:var(--color-border);background:var(--color-bg)}.lp-name-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white)}.lp-status-select{flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:600;border:1px solid var(--color-border);border-radius:12px;background:var(--color-white);cursor:pointer;transition:border-color .15s}.lp-status-select:focus{outline:none;border-color:var(--color-primary)}.lp-status-select--draft{color:#e65100;background:#fff3e0;border-color:#ffcc80}.lp-status-select--published{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.lp-detail-actions{display:flex;gap:8px;flex-shrink:0}.lp-action-btns{display:contents}.btn-save{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 18px;font-size:13px;font-weight:500;color:var(--color-text);min-width:90px;transition:border-color .15s}.btn-save:hover{border-color:var(--color-primary)}.btn-ecforce{background:var(--color-primary);border:none;border-radius:var(--radius-sm);padding:8px 18px;font-size:13px;font-weight:600;color:var(--color-white);min-width:150px;transition:opacity .15s}.btn-ecforce:hover{opacity:.85}.lp-detail-body{display:flex;align-items:flex-start}.lp-detail-left{flex-shrink:0;background:var(--color-white);display:flex;flex-direction:column;min-width:0}.lp-detail-right{flex:1;background:#e8e8e8;display:flex;flex-direction:column;min-width:0;position:sticky;top:0;height:100vh}.sp-tab-toggle{display:none}@media screen and (max-width:768px){.sp-tab-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.sp-tab-btn{padding:6px 14px;border:none;background:var(--color-white);font-size:12px;color:var(--color-text-light);transition:background .15s,color .15s}.sp-tab-btn--active{background:var(--color-primary);color:var(--color-white);font-weight:600}.lp-detail-body{flex-direction:column}.lp-detail-left{width:100%!important;height:auto}.lp-detail-left--sp-hidden,.lp-resizer{display:none}.lp-detail-right{position:static;height:auto;width:100%}.lp-detail-right--sp-hidden{display:none}}.lp-drag-overlay{position:absolute;inset:0;z-index:10;cursor:col-resize}.css-editor-panel{flex-shrink:0;border-bottom:2px solid var(--color-border);background:#f8faff;display:flex;flex-direction:column}.css-editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--color-border)}.css-editor-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#e65100;background:#fff3e0;padding:3px 8px;border-radius:10px}.css-editor-badge .material-symbols-outlined{font-size:14px}.css-editor-header-right{display:flex;align-items:center;gap:8px}.css-editor-hint{font-size:11px;color:var(--color-gray)}.css-editor-textarea{width:100%;height:140px;border:none;padding:10px 14px;resize:none;font-size:12px;font-family:Courier New,Courier,monospace;line-height:1.6;color:#1a6ea8;background:#f8faff}.css-editor-textarea:focus{outline:none;background:#f0f4ff}.css-editor-textarea--expanded{height:800px}.icon-btn--expand{border:none;background:none;color:var(--color-text-light)}.icon-btn--expand:hover{color:var(--color-primary)}.lp-resizer{width:6px;flex-shrink:0;background:var(--color-border);cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background .15s;position:relative}.lp-resizer:hover,.lp-resizer:active{background:#bdbdbd}.lp-resizer-handle{width:2px;height:32px;background:#9e9e9e;border-radius:2px;pointer-events:none}.lp-resizer:hover .lp-resizer-handle,.lp-resizer:active .lp-resizer-handle{background:#555}.admin-page{display:flex;flex-direction:column;min-height:100vh}.admin-main{max-width:800px;width:100%;margin:0 auto;padding:32px 24px}.admin-top{margin-bottom:24px}.admin-title{font-size:22px;font-weight:700;margin-bottom:4px}.admin-sub{font-size:13px;color:var(--color-text-light)}.admin-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.admin-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border);background:#fafafa}.admin-card-header--toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-card-header--toggle:hover{background:#f0f0f0}.admin-card-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.admin-toggle-icon{font-size:20px;color:var(--color-gray);transition:transform .2s;flex-shrink:0}.admin-toggle-icon--collapsed{transform:rotate(-90deg)}.admin-card-title{font-size:14px;font-weight:600;color:var(--color-text)}.admin-card-hint{font-size:12px;color:var(--color-gray)}.admin-css-textarea{width:100%;min-height:480px;border:none;padding:16px 20px;font-size:13px;font-family:Courier New,Courier,monospace;line-height:1.7;color:#1a6ea8;background:#f8faff;resize:vertical}.admin-css-textarea:focus{outline:none;background:#f0f4ff}.admin-card-footer{padding:10px 20px;border-top:1px solid var(--color-border);background:#fafafa}.admin-save-note{font-size:12px;color:var(--color-green);font-weight:500}@media screen and (max-width:768px){.admin-main{padding:20px 16px}.admin-card-header{flex-direction:column;align-items:flex-start;gap:4px}.admin-css-textarea{min-height:320px}}.parts-page{display:flex;flex-direction:column;min-height:100vh}.parts-main{max-width:900px;width:100%;margin:0 auto;padding:32px 24px}.parts-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.parts-title{font-size:22px;font-weight:700;margin-bottom:4px}.parts-sub{font-size:13px;color:var(--color-text-light);line-height:1.6}.parts-tag-example{background:#f0f4ff;color:var(--color-primary);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.btn-add-part{flex-shrink:0;background:var(--color-primary);color:var(--color-white);border:none;padding:8px 20px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block}.btn-add-part:hover{background:var(--color-primary-hover);color:var(--color-white)}.parts-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.parts-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--color-white);color:var(--color-text);gap:12px}.parts-list-item-info{display:flex;align-items:center;gap:12px;min-width:0}.parts-list-item-name{font-size:15px;font-weight:600}.btn-copy-tag{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;transition:background .15s,border-color .15s}.btn-copy-tag:hover{background:#eef2ff;border-color:var(--color-primary)}.btn-copy-tag .parts-card-tag{font-size:12px;color:var(--color-primary);background:#eef2ff;padding:2px 8px;border-radius:4px;font-weight:500;white-space:nowrap}.btn-copy-tag-label{font-size:11px;color:var(--color-text-light);white-space:nowrap}.parts-list-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-edit-part{font-size:12px;font-weight:500;padding:5px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text);text-decoration:none}.btn-edit-part:hover{background:#f0fdf4;border-color:var(--color-green);color:var(--color-green)}.btn-delete-part{font-size:12px;font-weight:500;padding:5px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text);flex-shrink:0}.btn-delete-part:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.parts-empty{text-align:center;padding:60px 20px;color:var(--color-text-light)}.parts-empty p{font-size:15px;margin-bottom:6px}.parts-empty-hint{font-size:13px;color:var(--color-gray)}@media screen and (max-width:768px){.parts-main{padding:20px 16px}.parts-top{flex-direction:column}.parts-list-item{flex-direction:column;align-items:flex-start;gap:8px}}.part-detail-page{display:flex;flex-direction:column;min-height:100vh}.part-detail-main{max-width:900px;width:100%;margin:0 auto;padding:32px 24px}.part-detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.part-detail-top .back-link{font-size:13px;color:var(--color-text-light);text-decoration:none;font-weight:500}.part-detail-top .back-link:hover{color:var(--color-primary)}.part-detail-actions{display:flex;gap:8px}.part-detail-form{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:16px}.part-detail-tag-preview{font-size:13px;color:var(--color-text-light)}.part-detail-form .parts-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--color-text)}.part-detail-form .parts-name-input{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:400}.part-detail-form .parts-name-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626}.part-detail-form .parts-html-textarea{width:100%;min-height:400px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px;font-size:13px;font-family:Courier New,Courier,monospace;line-height:1.7;color:#1a6ea8;background:#f8faff;resize:vertical;font-weight:400}.part-detail-form .parts-html-textarea:focus{outline:none;border-color:var(--color-primary);background:#f0f4ff;box-shadow:0 0 0 2px #3b82f626}.part-detail-form .parts-tag-example{background:#f0f4ff;color:var(--color-primary);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.part-detail-actions .btn-parts-save{background:var(--color-primary);color:var(--color-white);border:none;padding:8px 24px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.part-detail-actions .btn-parts-save:hover{background:var(--color-primary-hover)}.part-detail-actions .btn-parts-save:disabled{opacity:.5;cursor:not-allowed}.part-detail-actions .btn-copy-tag{font-size:12px;font-weight:500;padding:5px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text)}.part-detail-actions .btn-copy-tag:hover{background:#eef2ff;border-color:var(--color-primary);color:var(--color-primary)}.part-detail-actions .btn-copy-tag:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width:768px){.part-detail-main{padding:20px 16px}.part-detail-top{flex-direction:column;align-items:flex-start;gap:12px}}.guide-page{display:flex;flex-direction:column;min-height:100vh}.guide-main{max-width:800px;width:100%;margin:0 auto;padding:32px 24px 64px}.guide-title{font-size:24px;font-weight:700;margin-bottom:32px;padding-bottom:12px;border-bottom:2px solid var(--color-border)}.guide-section{margin-bottom:28px}.guide-section-title{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--color-text)}.guide-subsection-title{font-size:15px;font-weight:600;margin-top:14px;margin-bottom:8px;color:var(--color-text)}.guide-section p{font-size:14px;line-height:1.8;color:var(--color-text);margin-bottom:8px}.guide-section ul,.guide-section ol{font-size:14px;line-height:1.8;padding-left:24px;margin-bottom:10px;color:var(--color-text)}.guide-section li{margin-bottom:4px}.guide-section code{background:#f0f4ff;color:var(--color-primary);padding:1px 6px;border-radius:3px;font-size:13px;font-weight:500}.guide-code{background:#f0f4ff;color:var(--color-primary);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.guide-note{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius);padding:12px 16px;font-size:13px;line-height:1.7;color:#92400e;margin-top:8px}@media screen and (max-width:768px){.guide-main{padding:20px 16px 48px}.guide-title{font-size:20px}}